From 07afc4810a9a9b20c5ae6f2ff510be9cb22c957e Mon Sep 17 00:00:00 2001 From: "mr. M" Date: Sat, 8 Mar 2025 11:51:50 +0100 Subject: [PATCH] Adjust URL bar height and update layout handling for compact mode --- src/browser/base/content/ZenUIManager.mjs | 6 ++++++ .../themes/shared/urlbar-searchbar-css.patch | 13 +------------ 2 files changed, 7 insertions(+), 12 deletions(-) diff --git a/src/browser/base/content/ZenUIManager.mjs b/src/browser/base/content/ZenUIManager.mjs index 9673974a0..b8d3a3460 100644 --- a/src/browser/base/content/ZenUIManager.mjs +++ b/src/browser/base/content/ZenUIManager.mjs @@ -620,6 +620,12 @@ var gZenVerticalTabsManager = { } gZenCompactModeManager.updateCompactModeContext(isSingleToolbar); + document.getElementById("urlbar").removeAttribute('--urlbar-height'); + if (!isSingleToolbar) { + document.getElementById("urlbar").style.setProperty('--urlbar-height', '32px'); + } else { + gURLBar.updateLayoutBreakout(); + } // Always move the splitter next to the sidebar this.navigatorToolbox.after(document.getElementById('zen-sidebar-splitter')); diff --git a/src/browser/themes/shared/urlbar-searchbar-css.patch b/src/browser/themes/shared/urlbar-searchbar-css.patch index b41a61211..259fe7eaf 100644 --- a/src/browser/themes/shared/urlbar-searchbar-css.patch +++ b/src/browser/themes/shared/urlbar-searchbar-css.patch @@ -1,5 +1,5 @@ diff --git a/browser/themes/shared/urlbar-searchbar.css b/browser/themes/shared/urlbar-searchbar.css -index 574f83af7fa49ddcdff6711ca8b1d3bed1a35e0c..7919f21f6b0b4df2f197b9c6f0e134ff85d50d0a 100644 +index 574f83af7fa49ddcdff6711ca8b1d3bed1a35e0c..c2e8cb8b37438176db07a47e1e975ae1aea42252 100644 --- a/browser/themes/shared/urlbar-searchbar.css +++ b/browser/themes/shared/urlbar-searchbar.css @@ -5,7 +5,7 @@ @@ -22,14 +22,3 @@ index 574f83af7fa49ddcdff6711ca8b1d3bed1a35e0c..7919f21f6b0b4df2f197b9c6f0e134ff width: calc(var(--urlbar-width) + 2 * var(--urlbar-margin-inline)); > .urlbar-input-container { -@@ -583,8 +585,8 @@ - .urlbar-revert-button, - .urlbar-go-button, - .search-go-button { -- width: calc(var(--urlbar-min-height) - 2px /* border */ - 2 * var(--urlbar-container-padding)); -- height: calc(var(--urlbar-min-height) - 2px /* border */ - 2 * var(--urlbar-container-padding)); -+ width: calc(var(--urlbar-min-height) + 2px /* border */ - 2 * var(--urlbar-container-padding)); -+ height: calc(var(--urlbar-min-height) + 2px /* border */ - 2 * var(--urlbar-container-padding)); - border-radius: var(--urlbar-icon-border-radius); - padding: var(--urlbar-icon-padding); - color: inherit;