mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-30 12:20:36 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Sidbar - Hidden header

Browse source
This commit is contained in:
alstjr7375 2022-07-13 14:34:32 +09:00
parent 046ab3b64a
commit b5755d8df0
5 changed files with 79 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

13
css/leptonChrome.css
View file

@ -5374,6 +5374,19 @@
}
}
}
@supports -moz-bool-pref("userChrome.sidebar.hidden_header") {
@supports not -moz-bool-pref("userChrome.sidebar.hidden_header.vertical_tab_only") {
#sidebar-header {
display: none !important;
}
}
@supports -moz-bool-pref("userChrome.sidebar.hidden_header.vertical_tab_only") {
#sidebar-box:is([sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"], [sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"])
#sidebar-header {
display: none !important;
}
}
}
/** Other UI ******************************************************************/
/*= Bookmark Bar - Centered ==================================================*/
@supports -moz-bool-pref("userChrome.bookmarkbar.centered") {

14
src/sidebar/_hidden.scss Normal file
View file

@ -0,0 +1,14 @@
@include NotOption("userChrome.sidebar.hidden_header.vertical_tab_only") {
#sidebar-header {
display: none !important;
}
}
@include Option("userChrome.sidebar.hidden_header.vertical_tab_only") {
#sidebar-box:is(
[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"],
[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"]
) #sidebar-header {
display: none !important;
}
}

5
src/sidebar/_index.scss Normal file
View file

@ -0,0 +1,5 @@
@import "overlap";
@include Option("userChrome.sidebar.hidden_header") {
@import "hidden";
}

45
src/sidebar/_overlap.scss Normal file
View file

@ -0,0 +1,45 @@
@include Option("userChrome.sidebar.overlap", "userChrome.autohide.sidebar") {
#sidebar-box {
/* Original
min-width: 14em;
width: 18em;
max-width: 36em;
*/
--uc-sidebar-width: 40px;
--uc-sidebar-activate-width: 18em;
--uc-sidebar-fullscreen-width: 4px;
--uc-sidebar-shadow-color: #28282F;
--uc-autohide-sidebar-delay: 600ms; /* Wait 0.6s before hiding sidebar */
z-index: 1000 !important;
position: relative !important;
box-shadow: 1px 0px 15px -10px var(--uc-sidebar-shadow-color);
}
#sidebar-splitter {
display: none !important;
}
}
@include Option("userChrome.sidebar.overlap") {
@include NotOption("userChrome.autohide.sidebar") {
#sidebar-box {
min-width: var(--uc-sidebar-activate-width) !important;
max-width: var(--uc-sidebar-activate-width) !important;
margin-inline-start: calc(-1 * var(--uc-sidebar-activate-width)) !important;
will-change: transform;
&:not([hidden="true"]) {
transform: translateX(var(--uc-sidebar-activate-width));
}
@include Animate {
transition: transform 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out,
visibility 0s linear !important;
}
}
}
}

2
user.js
View file

@ -116,6 +116,8 @@ user_pref("userChrome.tab.bottom_rounded_corner", true);
// user_pref("userChrome.panel.full_width_separator", true);
// user_pref("userChrome.panel.full_width_padding", true);
// user_pref("userChrome.sidebar.hidden_header", true);
// user_pref("userChrome.sidebar.hidden_header.vertical_tab_only", true);
// user_pref("userChrome.sidebar.overlap", true);
// user_pref("userChrome.icon.account_image_to_right", true);