diff --git a/src/browser/base/content/zen-components b/src/browser/base/content/zen-components index db63095cf..07233648d 160000 --- a/src/browser/base/content/zen-components +++ b/src/browser/base/content/zen-components @@ -1 +1 @@ -Subproject commit db63095cf15c80a266639dff586baea4a5f87e44 +Subproject commit 07233648d7b81fe5121c2ba09b44650d1eb1dde5 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 7102552fa..e786c593e 100644 --- a/src/browser/base/content/zen-styles/zen-compact-mode.css +++ b/src/browser/base/content/zen-styles/zen-compact-mode.css @@ -168,10 +168,22 @@ } @media (-moz-bool-pref: "zen.tabs.vertical.right-side") { - /* TODO: future contributor, i've tried insane hours to do right side compact mode but failed, good luck debugging this! */ - /*#navigator-toolbox { - left: 100% !important; + #navigator-toolbox { + right: 0 !important; transform: translateX(calc(100% - (var(--zen-compact-toolbox-margin-single) / 2))) !important;; - }*/ + } + + #navigator-toolbox:hover, + #navigator-toolbox:focus-within, + #navigator-toolbox[zen-user-show], + #mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox, + #navigator-toolbox:has(*[open="true"]:not(tab):not(#zen-sidepanel-button)) { + transform: none !important; + opacity: 1; + + & > * { + pointer-events: all; + } + } } }