diff --git a/src/zen/common/styles/zen-urlbar.css b/src/zen/common/styles/zen-urlbar.css index 8d8d3d0e4..d7960ca11 100644 --- a/src/zen/common/styles/zen-urlbar.css +++ b/src/zen/common/styles/zen-urlbar.css @@ -518,7 +518,7 @@ button.popup-notification-dropmarker { margin-left: 0 !important; margin-right: 12px !important; padding: 6px !important; - border-radius: 6px !important; + border-radius: 4px !important; } .urlbarView-row[has-action]:is([type='switchtab'], [type='remotetab'], [type='clipboard']) .urlbarView-action { @@ -527,23 +527,25 @@ button.popup-notification-dropmarker { } .urlbarView-row { - .urlbarView-favicon { - transition: background-color 0.05s; - } + --urlbarView-item-inline-padding: 0.9rem; + --urlbarView-item-block-padding: 1rem; &:hover { .urlbarView-favicon, & { background-color: color-mix(in srgb, var(--zen-branding-bg-reverse) 5%, transparent 95%) !important; } - - .urlbarView-url, - .urlbarView-title-separator::before { - color: color-mix(in srgb, var(--zen-colors-primary) 30%, lightgray) !important; - } } &[selected] { background-color: color-mix(in srgb, var(--zen-primary-color) 50%, transparent 50%) !important; + + & * { + color: white !important; + } + + & .urlbarView-favicon { + background-color: rgba(255, 255, 255, 0.9) !important; + } } } diff --git a/src/zen/tabs/zen-tabs/vertical-tabs.css b/src/zen/tabs/zen-tabs/vertical-tabs.css index 314cd9f1c..ec5b6fc94 100644 --- a/src/zen/tabs/zen-tabs/vertical-tabs.css +++ b/src/zen/tabs/zen-tabs/vertical-tabs.css @@ -1251,6 +1251,9 @@ transition: max-height 0.3s ease-out; opacity: 1; grid-template-columns: repeat(auto-fit, minmax(max(23.7%, 48px), 1fr)); + &[data-hack-type='2'] { + grid-template-columns: repeat(auto-fit, minmax(max(23.7%, 48px), 1fr) minmax(max(23.7%, 48px), 1fr)); + } scrollbar-width: thin; min-width: calc(100% + var(--zen-toolbox-padding) * 2); padding: 0 var(--zen-toolbox-padding); diff --git a/src/zen/workspaces/ZenWorkspaces.mjs b/src/zen/workspaces/ZenWorkspaces.mjs index ed09082e1..bdf71e02e 100644 --- a/src/zen/workspaces/ZenWorkspaces.mjs +++ b/src/zen/workspaces/ZenWorkspaces.mjs @@ -2394,6 +2394,16 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature { ); const workspaceObject = this.getWorkspaceFromId(workspaceId); const essentialContainer = this.getEssentialsSection(workspaceObject.containerTabId); + const essentialNumChildren = essentialContainer.children.length; + let essentialHackType = 0; + if (essentialNumChildren % 2 === 0) { + essentialHackType = 2; + } + if (essentialHackType > 0) { + essentialContainer.setAttribute('data-hack-type', essentialHackType); + } else { + essentialContainer.removeAttribute('data-hack-type'); + } this._updateMarginTopPinnedTabs(arrowScrollbox, pinnedContainer, essentialContainer, workspaceIndicator, forAnimation); this.updateShouldHideSeparator(arrowScrollbox, pinnedContainer); }