mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-15 12:43:54 +02:00
* 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>
31 lines
1 KiB
CSS
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*/
|