Make notification respect reduce-motion (#27178)
parent
66a7bc215c
commit
6d0767558a
app/javascript/styles/mastodon
|
@ -9284,14 +9284,17 @@ noscript {
|
||||||
0 10px 15px -3px rgba($base-shadow-color, 0.25),
|
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 {
|
||||||
|
|
Loading…
Reference in New Issue