feat: Make non-macos devices have a smaller toolbar, p=#10873, c=common

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 afc7a6c6ddbf4cf5a5b27c0bd60577b833c63093..3caefebf0123bf09c051e15412b538a83750b8ce 100644
+index afc7a6c6ddbf4cf5a5b27c0bd60577b833c63093..b286fc5b40a6e32a3af0bb0f209e58c64ab7bed9 100644
 --- a/browser/components/urlbar/UrlbarInput.sys.mjs
 +++ b/browser/components/urlbar/UrlbarInput.sys.mjs
 @@ -76,6 +76,13 @@ ChromeUtils.defineLazyGetter(lazy, "logger", () =>
@@ -157,7 +157,7 @@ index afc7a6c6ddbf4cf5a5b27c0bd60577b833c63093..3caefebf0123bf09c051e15412b538a8
          ignoreTransforms: true,
          flush: false,
        })[0].p1.y
-+      : -2
++      : (AppConstants.platform == "macosx" ? -2 : -5)
      );
    }
  

src/zen/common/ZenUIManager.mjs

@@ -931,7 +931,7 @@ var gZenVerticalTabsManager = {
         gURLBar.textbox.removeAttribute('--urlbar-height');
         let height;
         if (!this._hasSetSingleToolbar) {
-          height = 34;
+          height = AppConstants.platform == 'macosx' ? 34 : 32;
         } else if (gURLBar.getAttribute('breakout-extend') !== 'true') {
           height = 40;
         }

src/zen/common/styles/zen-omnibox.css

@@ -40,7 +40,10 @@
   &[zen-floating-urlbar='true'] {
     --urlbar-container-padding: 3px;
     --urlbar-margin-inline: 11px;
-    --urlbar-container-height: 52px !important;
+
+    &:not([zen-floating-urlbar='true']) {
+      --urlbar-container-height: 52px !important;
+    }
   }
 }
 
@@ -711,7 +714,7 @@
 :root:not([zen-single-toolbar='true'])
   #urlbar[breakout-extend='true']:not([zen-floating-urlbar='true']) {
   & .urlbar-background {
-    border-radius: 8px !important;
+    border-radius: 10px !important;
   }
 
   #urlbar-results {

src/zen/common/styles/zen-popup.css

@@ -393,8 +393,9 @@ menuseparator {
       border-top: 2px solid light-dark(transparent, rgba(255, 255, 255, 0.1));
       color: light-dark(rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0.8)) !important;
       box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
+      background: light-dark(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1)) !important;
 
-      outline: 0.5px solid light-dark(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.02));
+      outline: 0.5px solid light-dark(transparent, rgba(255, 255, 255, 0.02));
       outline-offset: -0.5px;
 
       :root[zen-right-side='true'] & {

src/zen/common/styles/zen-theme.css

@@ -152,7 +152,11 @@
   --tab-selected-color-scheme: inherit;
   --tabstrip-inner-border: transparent;
 
-  --zen-toolbar-height: 42px;
+  --zen-toolbar-height: 38px;
+  @media (-moz-platform: macos) {
+    --zen-toolbar-height: 42px;
+  }
+
   --zen-toolbar-button-inner-padding: 6px;
   --toolbarbutton-outer-padding: 4px;
   --zen-toolbar-height-with-bookmarks: var(--zen-toolbar-height);