search

codechriscode / social-media-dashboard

React + Typescript interactive dashboard using Context and Hooks, MUI-inspired components
0 stars 0 forks source link

Fix pseudo element size transition on screen resize under sm #3

Closed codechriscode closed 1 year ago

codechriscode commented 2 years ago

If not opened in Firefox, colorful card pseudo elements will resize in a different speed as the card itself, leading to an ugly lag for half a second

codechriscode commented 2 years ago

Problem was caused by late inheritance of ::before pseudo elements from width value of .main.card. Fixed with media queries defining exact size of pseudo elements.

codechriscode commented 2 years ago

Fixed on PR #10