namekuji/chuckya
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[Glitch] Make notification respect reduce-motion

Browse source 
Port 6d0767558a to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Christian Schmidt 2023-09-28 10:39:38 +02:00 committed by Claire
parent 811b8b200e
commit ea004108b8
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/javascript/flavours/glitch/styles/components/misc.scss
View file

@ -1701,14 +1701,17 @@ noscript {
box-shadow: 0 10px 15px -3px rgba($base-shadow-color, 0.25), box-shadow: 0 10px 15px -3px rgba($base-shadow-color, 0.25),
0 4px 6px -4px rgba($base-shadow-color, 0.25); 0 4px 6px -4px rgba($base-shadow-color, 0.25);
cursor: default; cursor: default;
transition: 0.5s cubic-bezier(0.89, 0.01, 0.5, 1.1);
transform: translateZ(0);
font-size: 15px; font-size: 15px;
line-height: 21px; line-height: 21px;
&.notification-bar-active { &.notification-bar-active {
inset-inline-start: 1rem; inset-inline-start: 1rem;
} }
.no-reduce-motion & {
transition: 0.5s cubic-bezier(0.89, 0.01, 0.5, 1.1);
transform: translateZ(0);
}
} }
.notification-bar-title { .notification-bar-title {