mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2025-12-05 18:20:44 -08:00
Fix: Sidebar - Remove animated flashes from Windows #1053
This commit is contained in:
parent
87abdcd37a
commit
3742efb570
3 changed files with 12 additions and 20 deletions
16
css/leptonChrome.css
generated
16
css/leptonChrome.css
generated
|
|
@ -3833,17 +3833,15 @@
|
|||
width: 18em;
|
||||
max-width: 36em;
|
||||
/* Animation */
|
||||
transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out,
|
||||
visibility 0s linear !important;
|
||||
will-change: margin-inline-start, opacity, visibility;
|
||||
transition: margin-inline-start 0.25s var(--animation-easing-function), visibility 0s linear !important;
|
||||
will-change: margin-inline-start, visibility;
|
||||
}
|
||||
#sidebar-box[hidden="true"] {
|
||||
display: flex !important;
|
||||
display: -moz-box !important;
|
||||
margin-inline-start: -18em;
|
||||
opacity: 0;
|
||||
visibility: collapse;
|
||||
transition-delay: 0s, 0s, 0.25s !important;
|
||||
transition-delay: 0s, 0.25s !important;
|
||||
}
|
||||
}
|
||||
/*- Titlebar & Full Screen -------------------------------------------------*/
|
||||
|
|
@ -18040,17 +18038,15 @@
|
|||
width: 18em;
|
||||
max-width: 36em;
|
||||
/* Animation */
|
||||
transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out,
|
||||
visibility 0s linear !important;
|
||||
will-change: margin-inline-start, opacity, visibility;
|
||||
transition: margin-inline-start 0.25s var(--animation-easing-function), visibility 0s linear !important;
|
||||
will-change: margin-inline-start, visibility;
|
||||
}
|
||||
#sidebar-box[hidden="true"] {
|
||||
display: flex !important;
|
||||
display: -moz-box !important;
|
||||
margin-inline-start: -18em;
|
||||
opacity: 0;
|
||||
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") {
|
||||
|
|
|
|||
8
css/leptonChromeESR.css
generated
8
css/leptonChromeESR.css
generated
|
|
@ -4153,17 +4153,15 @@
|
|||
width: 18em;
|
||||
max-width: 36em;
|
||||
/* Animation */
|
||||
transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out,
|
||||
visibility 0s linear !important;
|
||||
will-change: margin-inline-start, opacity, visibility;
|
||||
transition: margin-inline-start 0.25s var(--animation-easing-function), visibility 0s linear !important;
|
||||
will-change: margin-inline-start, visibility;
|
||||
}
|
||||
#sidebar-box[hidden="true"] {
|
||||
display: flex !important;
|
||||
display: -moz-box !important;
|
||||
margin-inline-start: -18em;
|
||||
opacity: 0;
|
||||
visibility: collapse;
|
||||
transition-delay: 0s, 0s, 0.25s !important;
|
||||
transition-delay: 0s, 0.25s !important;
|
||||
}
|
||||
}
|
||||
/*- Titlebar & Full Screen -------------------------------------------------*/
|
||||
|
|
|
|||
|
|
@ -119,16 +119,14 @@ xul|search-textbox.tabsFilter,
|
|||
max-width: 36em;
|
||||
|
||||
/* Animation */
|
||||
transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out,
|
||||
visibility 0s linear !important;
|
||||
will-change: margin-inline-start, opacity, visibility;
|
||||
transition: margin-inline-start 0.25s var(--animation-easing-function), visibility 0s linear !important;
|
||||
will-change: margin-inline-start, visibility;
|
||||
|
||||
&[hidden="true"] {
|
||||
@include Box(true);
|
||||
margin-inline-start: -18em;
|
||||
opacity: 0;
|
||||
visibility: collapse;
|
||||
transition-delay: 0s, 0s, 0.25s !important;
|
||||
transition-delay: 0s, 0.25s !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue