mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-05 18:20:44 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Sidebar - Remove animated flashes from Windows #1053

Browse source
This commit is contained in:
alstjr7375 2025-01-22 01:59:18 +09:00
parent 87abdcd37a
commit 3742efb570
3 changed files with 12 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

16
css/leptonChrome.css generated
View file

@ -3833,17 +3833,15 @@
width: 18em; width: 18em;
max-width: 36em; max-width: 36em;
/* Animation */ /* Animation */
transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, transition: margin-inline-start 0.25s var(--animation-easing-function), visibility 0s linear !important;
visibility 0s linear !important; will-change: margin-inline-start, visibility;
will-change: margin-inline-start, opacity, visibility;
} }
#sidebar-box[hidden="true"] { #sidebar-box[hidden="true"] {
display: flex !important; display: flex !important;
display: -moz-box !important; display: -moz-box !important;
margin-inline-start: -18em; margin-inline-start: -18em;
opacity: 0;
visibility: collapse; visibility: collapse;
transition-delay: 0s, 0s, 0.25s !important; transition-delay: 0s, 0.25s !important;
} }
} }
/*- Titlebar & Full Screen -------------------------------------------------*/ /*- Titlebar & Full Screen -------------------------------------------------*/
@ -18040,17 +18038,15 @@
width: 18em; width: 18em;
max-width: 36em; max-width: 36em;
/* Animation */ /* Animation */
transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, transition: margin-inline-start 0.25s var(--animation-easing-function), visibility 0s linear !important;
visibility 0s linear !important; will-change: margin-inline-start, visibility;
will-change: margin-inline-start, opacity, visibility;
} }
#sidebar-box[hidden="true"] { #sidebar-box[hidden="true"] {
display: flex !important; display: flex !important;
display: -moz-box !important; display: -moz-box !important;
margin-inline-start: -18em; margin-inline-start: -18em;
opacity: 0;
visibility: collapse; visibility: collapse;
transition-delay: 0s, 0s, 0.25s !important; transition-delay: 0s, 0.25s !important;
} }
} }
@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { @media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") {

8
css/leptonChromeESR.css generated
View file

@ -4153,17 +4153,15 @@
width: 18em; width: 18em;
max-width: 36em; max-width: 36em;
/* Animation */ /* Animation */
transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, transition: margin-inline-start 0.25s var(--animation-easing-function), visibility 0s linear !important;
visibility 0s linear !important; will-change: margin-inline-start, visibility;
will-change: margin-inline-start, opacity, visibility;
} }
#sidebar-box[hidden="true"] { #sidebar-box[hidden="true"] {
display: flex !important; display: flex !important;
display: -moz-box !important; display: -moz-box !important;
margin-inline-start: -18em; margin-inline-start: -18em;
opacity: 0;
visibility: collapse; visibility: collapse;
transition-delay: 0s, 0s, 0.25s !important; transition-delay: 0s, 0.25s !important;
} }
} }
/*- Titlebar & Full Screen -------------------------------------------------*/ /*- Titlebar & Full Screen -------------------------------------------------*/

8
src/decoration/_animate.scss
View file

@ -119,16 +119,14 @@ xul|search-textbox.tabsFilter,
max-width: 36em; max-width: 36em;
/* Animation */ /* Animation */
transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, transition: margin-inline-start 0.25s var(--animation-easing-function), visibility 0s linear !important;
visibility 0s linear !important; will-change: margin-inline-start, visibility;
will-change: margin-inline-start, opacity, visibility;
&[hidden="true"] { &[hidden="true"] {
@include Box(true); @include Box(true);
margin-inline-start: -18em; margin-inline-start: -18em;
opacity: 0;
visibility: collapse; visibility: collapse;
transition-delay: 0s, 0s, 0.25s !important; transition-delay: 0s, 0.25s !important;
} }
} }
} }