Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-22 17:55:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1417079 - Make tab hover animation obey prefers-reduced-motion. r=harry

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D76627
This commit is contained in:
Dão Gottwald 2020-05-25 13:55:03 +00:00
parent 929e460619
commit 1d4c80a555
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
browser/themes/shared/tabs.inc.css
View File

@ -556,10 +556,15 @@
background-color: rgba(255,255,255,.1);
}
@media (prefers-reduced-motion: no-preference) {
.tab-line:not([selected=true]):not([multiselected]) {
transition: transform 250ms var(--animation-easing-function), opacity 250ms var(--animation-easing-function);
}
}
.tab-line:not([selected=true]):not([multiselected]) {
opacity: 0;
transform: scaleX(0);
transition: transform 250ms var(--animation-easing-function), opacity 250ms var(--animation-easing-function);
}
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]):not([multiselected]) {