mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Auto Hide - forward button

Browse source
This commit is contained in:
alstjr7375 2022-07-06 01:27:57 +09:00
parent f1bf934523
commit f5c5c011e9
5 changed files with 43 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
css/leptonChrome.css
View file

@ -5282,6 +5282,25 @@
/* Makes the bookmarks toolbar visible if enabled */
}
}
/** Auto Hide *****************************************************************/
@supports -moz-bool-pref("userChrome.autohide.forward_button") {
#forward-button[disabled="true"] {
margin-left: -36px !important;
opacity: 0 !important;
pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
#forward-button {
transition-property: background-color, opacity, margin-left !important;
}
#forward-button[disabled="true"] {
transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function),
margin-left 0.5s ease !important;
}
}
}
/** Library - Icons Replace ***************************************************/
@supports -moz-bool-pref("userChrome.icon.library") {
/*= Standard Folder - More Visible ===========================================*/

16
src/autohide/_forward_button.scss Normal file
View file

@ -0,0 +1,16 @@
#forward-button[disabled="true"] {
margin-left: -36px !important;
opacity: 0 !important;
pointer-events: none;
}
@include Animate {
#forward-button {
transition-property: background-color, opacity, margin-left !important;
}
#forward-button[disabled="true"] {
transition: background-color 1s var(--animation-easing-function),
opacity 1s var(--animation-easing-function),
margin-left 0.5s ease !important;
}
}

3
src/autohide/_index.scss Normal file
View file

@ -0,0 +1,3 @@
@include Option("userChrome.autohide.forward_button") {
@import "forward_button";
}

3
src/leptonChrome.scss
View file

@ -73,6 +73,9 @@
/** Fullscreen - Overlap toolbar **********************************************/
@import "fullscreen/index";
/** Auto Hide *****************************************************************/
@import "autohide/index";
/** Library - Icons Replace ***************************************************/
@include Option("userChrome.icon.library") {
@import "library/chrome";

2
user.js
View file

@ -70,6 +70,8 @@ user_pref("userChrome.tab.bottom_rounded_corner", true);
// user_pref("userChrome.theme.proton_color.dark_blue_accent", true);
// user_pref("userChrome.autohide.forward_button", true);
// user_pref("userChrome.rounding.square_button", true);
// user_pref("userChrome.rounding.square_panel", true);
// user_pref("userChrome.rounding.square_panelitem", true);