mirror of
https://github.com/Unleash/unleash.git
synced 2025-07-21 13:47:39 +02:00
chore: fix skeleton loading indicator colors for lifecycle trend tiles (#10109)
Updates the skeleton loading colors for the lifecycle trend tiles because the previous color was invisible on the median stats section in light mode. You also wouldn't see any movement in the total number of flags. I have not touched the original skeleton color assignment because that might have unintended consequences throughout the app. Also, I'm not aware of a way (at the moment) that would do this automatically when necessary. As such, I have only touched the loading indicators in the lifecycle tile. ## Before: Light mode:  Dark mode:  ## After: Light mode:  Dark mode: 
This commit is contained in:
parent
7e61e0dd09
commit
f299c2b652
@ -65,6 +65,17 @@ const LifecycleTile = styled('article')(({ theme }) => ({
|
||||
borderRadius: theme.shape.borderRadiusLarge,
|
||||
padding: theme.spacing(3),
|
||||
minWidth: 0,
|
||||
|
||||
'.skeleton': {
|
||||
'&::after': {
|
||||
'--base-color': theme.palette.neutral.border,
|
||||
'--initial': 'rgb(from var(--base-color) r g b / 0)',
|
||||
'--middle': 'rgb(from var(--base-color) r g b / 0.2)',
|
||||
'--peak': 'rgb(from var(--base-color) r g b / 0.5)',
|
||||
background:
|
||||
'linear-gradient(90deg, var(--initial) 0, var(--middle) 50%, var(--peak) 100%, var(--initial))',
|
||||
},
|
||||
},
|
||||
}));
|
||||
|
||||
const lifecycleStageMap = {
|
||||
|
Loading…
Reference in New Issue
Block a user