chore: Update CSS for compact mode and vertical tabs in zen browser UI (closes #1168)

This commit is contained in:
mauro-balades
2024-09-02 14:13:44 +02:00
parent 18baa341fc
commit 379e74b8b1
2 changed files with 8 additions and 1 deletions

View File

@@ -95,8 +95,9 @@
#navigator-toolbox:hover,
#navigator-toolbox:focus-within,
#navigator-toolbox[zen-user-show],
#navigator-toolbox[movingtab],
#mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox,
#navigator-toolbox:has(.tabbrowser-tab:active),
#navigator-toolbox:has(*[open="true"]:not(tab):not(#zen-sidepanel-button)) {
transform: none !important;
opacity: 1;
@@ -181,7 +182,9 @@
#navigator-toolbox:hover,
#navigator-toolbox:focus-within,
#navigator-toolbox[zen-user-show],
#navigator-toolbox[movingtab],
#mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox,
#navigator-toolbox:has(.tabbrowser-tab:active),
#navigator-toolbox:has(*[open="true"]:not(tab):not(#zen-sidepanel-button)) {
transform: none !important;
opacity: 1;

View File

@@ -437,7 +437,9 @@
#navigator-toolbox:hover,
#navigator-toolbox:focus-within,
#navigator-toolbox[movingtab],
#mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox,
#navigator-toolbox:has(.tabbrowser-tab:active),
#navigator-toolbox:has(*[open="true"]:not(tab):not(#zen-sidepanel-button)) {
--zen-navigation-toolbar-min-width: 3.3rem !important;
@@ -487,7 +489,9 @@
#navigator-toolbox:hover,
#navigator-toolbox:focus-within,
#navigator-toolbox[movingtab],
#mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox,
#navigator-toolbox:has(.tabbrowser-tab:active),
#navigator-toolbox:has(*[open="true"]:not(tab):not(#zen-sidepanel-button)) {
--zen-navigation-toolbar-min-width: 0 !important;
position: relative;