diff --git a/src/browser/app/profile/zen-browser.js b/src/browser/app/profile/zen-browser.js index c960c391..83481567 100644 --- a/src/browser/app/profile/zen-browser.js +++ b/src/browser/app/profile/zen-browser.js @@ -387,7 +387,7 @@ pref('zen.widget.linux.transparency', false); #endif // Urlbar and autocomplete -pref("browser.urlbar.maxRichResults", 6); +pref("browser.urlbar.maxRichResults", 8); pref("browser.urlbar.trimHttps", true); pref("browser.search.separatePrivateDefault.ui.enabled", true); pref("browser.urlbar.update2.engineAliasRefresh", true); diff --git a/src/browser/components/urlbar/UrlbarInput-sys-mjs.patch b/src/browser/components/urlbar/UrlbarInput-sys-mjs.patch index b9773df1..2303e8d5 100644 --- a/src/browser/components/urlbar/UrlbarInput-sys-mjs.patch +++ b/src/browser/components/urlbar/UrlbarInput-sys-mjs.patch @@ -1,5 +1,5 @@ diff --git a/browser/components/urlbar/UrlbarInput.sys.mjs b/browser/components/urlbar/UrlbarInput.sys.mjs -index 4b69136aa31bfef3a1d3b57ad0c75fe07fa26be0..a864dd8854611d78e3ace9db301cf7c4f1357a32 100644 +index 4b69136aa31bfef3a1d3b57ad0c75fe07fa26be0..2de9f51784a92442da84ead54312e879c1da127b 100644 --- a/browser/components/urlbar/UrlbarInput.sys.mjs +++ b/browser/components/urlbar/UrlbarInput.sys.mjs @@ -68,6 +68,13 @@ XPCOMUtils.defineLazyPreferenceGetter( @@ -108,6 +108,15 @@ index 4b69136aa31bfef3a1d3b57ad0c75fe07fa26be0..a864dd8854611d78e3ace9db301cf7c4 this.removeAttribute("breakout-extend"); this.#updateTextboxPosition(); } +@@ -2485,7 +2529,7 @@ export class UrlbarInput { + + this.textbox.parentNode.style.setProperty( + "--urlbar-container-height", +- px(getBoundsWithoutFlushing(this.textbox.parentNode).height) ++ px(getBoundsWithoutFlushing(this.textbox.parentNode).height + 8) + ); + this.textbox.style.setProperty( + "--urlbar-height", @@ -2998,7 +3042,7 @@ export class UrlbarInput { */ _trimValue(val) { @@ -158,7 +167,7 @@ index 4b69136aa31bfef3a1d3b57ad0c75fe07fa26be0..a864dd8854611d78e3ace9db301cf7c4 } _on_click(event) { -+ if (lazy.ZEN_URLBAR_BEHAVIOR === 'float' && event.target == this.inputField) { ++ if (event.target == this.inputField) { + event.zenOriginalTarget = this.textbox; + this._on_mousedown(event); + } @@ -183,7 +192,7 @@ index 4b69136aa31bfef3a1d3b57ad0c75fe07fa26be0..a864dd8854611d78e3ace9db301cf7c4 + switch (event.zenOriginalTarget || event.currentTarget) { case this.textbox: { this._mousedownOnUrlbarDescendant = true; -+ if (event.type != "click" && lazy.ZEN_URLBAR_BEHAVIOR === 'float') { ++ if (event.type != "click") { + return true; + } diff --git a/src/browser/themes/shared/urlbar-searchbar-css.patch b/src/browser/themes/shared/urlbar-searchbar-css.patch index 259fe7ea..3d2c912e 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..c2e8cb8b37438176db07a47e1e975ae1aea42252 100644 +index e237ee9edea85c1d2ef22f988df6b22755e343e6..b06fc06686a7a969e924ad0df662dec937b3c70d 100644 --- a/browser/themes/shared/urlbar-searchbar.css +++ b/browser/themes/shared/urlbar-searchbar.css @@ -5,7 +5,7 @@ @@ -7,11 +7,11 @@ index 574f83af7fa49ddcdff6711ca8b1d3bed1a35e0c..c2e8cb8b37438176db07a47e1e975ae1 :root { - --urlbar-container-padding: 1px; -+ --urlbar-container-padding: 4px; ++ --urlbar-container-padding: 2px; --urlbar-margin-inline: 5px; --urlbar-padding-block: 4px; } -@@ -291,7 +291,9 @@ +@@ -292,7 +292,9 @@ } #urlbar[breakout][breakout-extend] { diff --git a/src/zen/common/styles/zen-urlbar.css b/src/zen/common/styles/zen-urlbar.css index 7413868a..d690f68c 100644 --- a/src/zen/common/styles/zen-urlbar.css +++ b/src/zen/common/styles/zen-urlbar.css @@ -9,19 +9,30 @@ padding-block: 0 !important; } +:root[zen-single-toolbar='true'] { + --urlbar-container-padding: 4px; + & #urlbar:not([breakout-extend='true']) { + padding: 1px; + --toolbarbutton-border-radius: 6px; + } +} + #urlbar { - --toolbarbutton-border-radius: 8px; --urlbarView-separator-color: light-dark(hsl(0, 0%, 90%), hsl(0, 0%, 20%)); --urlbarView-hover-background: var(--toolbarbutton-hover-background); --urlbarView-highlight-background: var(--toolbarbutton-hover-background); - border-radius: var(--toolbarbutton-border-radius); - padding: 1px; + border-radius: calc(var(--toolbarbutton-border-radius) - 2px); + --urlbarView-results-padding: 10px !important; :root:not([zen-single-toolbar='true']) &[zen-floating-urlbar='true'] { --urlbar-container-padding: 2px !important; } } +:root:not([zen-single-toolbar='true']) #urlbar:not([zen-floating-urlbar='true']) { + --urlbarView-results-padding: 6px !important; +} + .urlbar-input::placeholder { text-overflow: ellipsis; } @@ -84,8 +95,11 @@ position: relative; } -#urlbar:not([breakout-extend='true']) #identity-box { +:root[zen-single-toolbar='true'] #urlbar:not([breakout-extend='true']) #identity-box { margin-inline-end: 0 !important; + &.chromeUI:not([pageproxystate='invalid']) #identity-icon-box { + border-radius: 10px !important; + } } .urlbar-page-action, @@ -177,7 +191,7 @@ transform: none !important; display: flex; #urlbar:not(:hover) & { - transition: 0; + transition: none; } } @@ -325,11 +339,6 @@ button.popup-notification-dropmarker { border-radius: var(--urlbar-icon-border-radius) !important; } -/* Extensions or similar */ -#urlbar:not([breakout-extend='true']) #identity-box.chromeUI:not([pageproxystate='invalid']) #identity-icon-box { - border-radius: 10px !important; -} - /* Notification Stack */ .notificationbox-stack { @@ -407,7 +416,7 @@ button.popup-notification-dropmarker { #urlbar[open] { z-index: 2; - --urlbar-margin-inline: 5px !important; + --urlbar-margin-inline: 5px; & #identity-box { margin-right: var(--urlbar-margin-inline); @@ -538,4 +547,8 @@ button.popup-notification-dropmarker { 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; + } }