Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-03-01 13:57:32 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1811372 - Use prefers-reduced-motion query for the new tab customization panel. r=mhowell

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D173575
This commit is contained in:
Amy Churchwell 2023-03-24 22:22:33 +00:00
parent c7be2f56c6
commit 54ae6691af
4 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss
View File

@ -48,12 +48,15 @@
inset-inline-end: 0;
z-index: 1001;
padding: 16px;
transition: transform 250ms $customize-menu-slide-bezier, visibility 250ms;
overflow: auto;
transform: translateX(435px);
visibility: hidden;
cursor: default;
@media (prefers-reduced-motion: no-preference) {
transition: transform 250ms $customize-menu-slide-bezier, visibility 250ms;
}
@media (forced-colors: active) {
border-inline-start: solid 1px;
}

6
browser/components/newtab/css/activity-stream-linux.css
View File

@ -1652,12 +1652,16 @@ main.has-snippet {
inset-inline-end: 0;
z-index: 1001;
padding: 16px;
transition: transform 250ms cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 250ms;
overflow: auto;
transform: translateX(435px);
visibility: hidden;
cursor: default;
}
@media (prefers-reduced-motion: no-preference) {
.customize-menu {
transition: transform 250ms cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 250ms;
}
}
@media (forced-colors: active) {
.customize-menu {
border-inline-start: solid 1px;

6
browser/components/newtab/css/activity-stream-mac.css
View File

@ -1656,12 +1656,16 @@ main.has-snippet {
inset-inline-end: 0;
z-index: 1001;
padding: 16px;
transition: transform 250ms cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 250ms;
overflow: auto;
transform: translateX(435px);
visibility: hidden;
cursor: default;
}
@media (prefers-reduced-motion: no-preference) {
.customize-menu {
transition: transform 250ms cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 250ms;
}
}
@media (forced-colors: active) {
.customize-menu {
border-inline-start: solid 1px;

6
browser/components/newtab/css/activity-stream-windows.css
View File

@ -1652,12 +1652,16 @@ main.has-snippet {
inset-inline-end: 0;
z-index: 1001;
padding: 16px;
transition: transform 250ms cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 250ms;
overflow: auto;
transform: translateX(435px);
visibility: hidden;
cursor: default;
}
@media (prefers-reduced-motion: no-preference) {
.customize-menu {
transition: transform 250ms cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 250ms;
}
}
@media (forced-colors: active) {
.customize-menu {
border-inline-start: solid 1px;