theme-store/themes/dd4f5461-1564-4e56-9f9d-f81e3c18f93c/chrome.css
AntonioSTM 412ba183a6
FIX: Position and behavior of Zen Sidebar when right side floating. (#318)
* Add theme: Zen Sidebar At Right Side

* Multiple behavior fixes when floating on right side.

* FIX: Missing version update in theme.json

* MAINT: Remove duplicated theme

* FIX: Position and behavior of Zen Sidebar when right side floating.

---------

Co-authored-by: AntonioSTM <asm.cs@outlook.com>
Co-authored-by: mauro 🤙 <91018726+mauro-balades@users.noreply.github.com>
2024-09-09 13:58:52 -07:00

31 lines
1 KiB
CSS

/*#region ZEN SIDEBAR AT RIGHT SIDE */
/*#region RIGHT SIDE PINNED ZEN SIDEBAR */
@media (-moz-bool-pref: "uc.zen-sidebar.pin-at-right-side") {
#zen-sidebar-web-panel-wrapper:not(:has(#zen-sidebar-web-panel[pinned="true"])) {
order: 2 !important;
margin-left: 10px !important;
}
}
/*#endregion*/
/*#region RIGHT SIDE FLOATING ZEN SIDEBAR */
@media (-moz-bool-pref: "uc.zen-sidebar.float-at-right-side") {
#tabbrowser-tabbox:has(#zen-sidebar-web-panel[pinned="true"]) {
position: relative !important;
}
#zen-sidebar-web-panel[pinned="true"] {
right: var(--zen-element-separation) !important;
animation: none !important;
opacity: 100 !important;
}
/* DONT DISPLAY WRAPPER WHEN SIDEBAR HIDDEN */
#zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel[hidden="true"]) {
display: none !important;
}
/* DISPLAY WRAPPER WHEN SIDEBAR SHOWN */
#zen-sidebar-web-panel-wrapper:not(:has(#zen-sidebar-web-panel[hidden="true"])) {
display: flex !important;
}
}
/*#endregion*/
/*#endregion*/