From 6ae26931b00498d9ef413566903dd2cc6800ce4e Mon Sep 17 00:00:00 2001 From: mauro-balades Date: Sat, 14 Sep 2024 09:45:29 +0200 Subject: [PATCH] Refactor CSS to fix layout issues and improve user experience --- src/browser/base/content/zen-styles/zen-compact-mode.css | 2 +- .../base/content/zen-styles/zen-tabs/vertical-tabs.css | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/browser/base/content/zen-styles/zen-compact-mode.css b/src/browser/base/content/zen-styles/zen-compact-mode.css index 0bfbe4e28..dcfbce9ec 100644 --- a/src/browser/base/content/zen-styles/zen-compact-mode.css +++ b/src/browser/base/content/zen-styles/zen-compact-mode.css @@ -203,8 +203,8 @@ &[zen-user-show], &[flash-popup], &[movingtab], - & #mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox, &:has(.tabbrowser-tab:active), + & #mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox, &:has(*[open='true']:not(tab):not(#zen-sidepanel-button)) { transform: none !important; opacity: 1; diff --git a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css index 5ab938ecd..4003588e3 100644 --- a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css +++ b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css @@ -102,6 +102,8 @@ #navigator-toolbox:is( #navigator-toolbox[zen-user-hover='true']:hover, #navigator-toolbox[zen-user-hover='true']:focus-within, + #navigator-toolbox[zen-user-hover='true'][movingtab], + #navigator-toolbox[zen-user-hover='true'][flash-popup], #mainPopupSet[zen-user-hover='true']:has(> #appMenu-popup:hover) ~ toolbox, #navigator-toolbox[zen-user-hover='true']:has(*[open='true']:not(tab):not(#zen-sidepanel-button)), #navigator-toolbox[zen-expanded='true']:not([zen-user-hover='true'])) { @@ -162,6 +164,8 @@ #navigator-toolbox:not(#navigator-toolbox:is( #navigator-toolbox[zen-user-hover='true']:hover, #navigator-toolbox[zen-user-hover='true']:focus-within, + #navigator-toolbox[zen-user-hover='true'][movingtab], + #navigator-toolbox[zen-user-hover='true'][flash-popup], #mainPopupSet[zen-user-hover='true']:has(> #appMenu-popup:hover) ~ toolbox, #navigator-toolbox[zen-user-hover='true']:has(*[open='true']:not(tab):not(#zen-sidepanel-button)), #navigator-toolbox[zen-expanded='true']:not([zen-user-hover='true']))) { @@ -251,6 +255,7 @@ #navigator-toolbox:hover, #navigator-toolbox:focus-within, #navigator-toolbox[movingtab], + #navigator-toolbox[flash-popup], #mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox, #navigator-toolbox:has(.tabbrowser-tab:active), #navigator-toolbox:has(*[open='true']:not(tab):not(#zen-sidepanel-button)) {