tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

autohide sidebar: set sidebar-box directionality only based on side

Browse Source
This commit is contained in:
MrOtherGuy
2025-05-03 20:27:34 +03:00
parent 7f4f4511ba
commit c880ab119a
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
chrome/autohide_sidebar.css
View File

@@ -32,12 +32,15 @@ See the above repository for updates as well as full license text. */
max-width: var(--uc-sidebar-width) !important;
z-index: var(--browser-area-z-index-sidebar,3);
background-color: inherit;
/* This directionality flipper is played so that sidebar "grows" into the right direction */
direction: ltr;
&:is([positionend],[sidebar-positionend]):not(:-moz-locale-dir(rtl)){
direction: rtl;
}
> :-moz-locale-dir(rtl){
direction: rtl;
}
}
#sidebar-box:is([positionend],[sidebar-positionend]){ direction: rtl }
#sidebar-box:is([positionend],[sidebar-positionend]) > *{ direction: ltr }
#sidebar-box:is([positionend],[sidebar-positionend]):-moz-locale-dir(rtl){ direction: ltr }
#sidebar-box:is([positionend],[sidebar-positionend]):-moz-locale-dir(rtl) > *{ direction: rtl }
#main-window[sizemode="fullscreen"] #browser{ --uc-sidebar-width: 1px; }
@@ -124,16 +127,17 @@ See the above repository for updates as well as full license text. */
transition-delay: 0ms !important;
}
}
#sidebar{
#sidebar,#sidebar-header{
min-width: var(--uc-sidebar-hover-width) !important;
will-change: unset !important;
}
#sidebar[sidebar-positionend]{
#sidebar-box[sidebar-positionend] > :is(#sidebar-header,#sidebar){
transform: translateX(calc(var(--uc-sidebar-hover-width) - var(--uc-sidebar-width)));
transition-property: transform !important;
&:hover{
}
#sidebar-box[sidebar-positionend]:hover > :is(#sidebar-header,#sidebar){
transform: translateX(0);
transition-delay: 0ms !important;
}
}
}
}