mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-09 10:42:13 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Auto Hide - Sidebar with overlap

Browse source
This commit is contained in:
alstjr7375 2022-07-11 17:47:32 +09:00
parent bbe679b8ec
commit 65bb513eac
5 changed files with 143 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

67
css/leptonChrome.css
View file

@ -5389,6 +5389,73 @@
}
}
}
@supports -moz-bool-pref("userChrome.autohide.sidebar") {
#sidebar-box {
/* Original
min-width: 14em;
width: 18em;
max-width: 36em;
*/
--uc-sidebar-width: 40px;
--uc-sidebar-hover-width: 18em;
--uc-sidebar-shadow-color: #28282f;
--uc-autohide-sidebar-delay: 600ms;
/* Wait 0.6s before hiding sidebar */
z-index: 1000 !important;
position: relative !important;
min-width: var(--uc-sidebar-width) !important;
max-width: var(--uc-sidebar-width) !important;
}
#sidebar-splitter {
display: none !important;
}
#sidebar-header,
#sidebar {
box-shadow: 1px 5px 15px -5px var(--uc-sidebar-shadow-color);
}
#sidebar-header {
background-color: var(--sidebar-background-color) !important;
color: var(--sidebar-text-color) !important;
overflow: hidden;
}
#sidebar {
min-width: var(--uc-sidebar-width) !important;
max-width: var(--uc-sidebar-width) !important;
transition: min-width 750ms var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
will-change: min-width, max-width;
}
#sidebar-box:hover > #sidebar {
min-width: var(--uc-sidebar-hover-width) !important;
max-width: var(--uc-sidebar-hover-width) !important;
transition-delay: 0ms !important;
}
:root[inFullscreen="true"] #sidebar-box {
min-width: var(--uc-sidebar-hover-width) !important;
max-width: var(--uc-sidebar-hover-width) !important;
margin-inline-start: calc(-1 * var(--uc-sidebar-hover-width)) !important;
transform: translateX(4px) !important;
transition: transform 1s var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
will-change: transform;
}
:root[inFullscreen="true"] #sidebar-box:hover {
transform: translateX(var(--uc-sidebar-hover-width)) !important;
transition-delay: 0ms !important;
}
:root[inFullscreen="true"] #sidebar-box #sidebar-header,
:root[inFullscreen="true"] #sidebar-box #sidebar {
min-width: calc(var(--uc-sidebar-hover-width)) !important;
max-width: calc(var(--uc-sidebar-hover-width)) !important;
box-shadow: 2px 0 33px var(--uc-sidebar-shadow-color);
}
}
/** Library - Icons Replace ***************************************************/
@supports -moz-bool-pref("userChrome.icon.library") {
/*= Standard Folder - More Visible ===========================================*/