feat: Improved double toolbar urlbar twitching, b=no-bug, c=common, compact-mode

src/zen/common/ZenCustomizableUI.sys.mjs

@@ -71,6 +71,7 @@ export var ZenCustomizableUI = new (class {
             <toolbarbutton
               class="toolbarbutton-1"
               command="cmd_toggleCompactModeIgnoreHover"
+              flex="1"
               data-l10n-id="zen-toggle-compact-mode-button" />
           </toolbaritem>
           <html:div id="zen-sidebar-top-buttons-separator" skipintoolbarset="true" overflows="false"></html:div>

src/zen/common/styles/zen-browser-container.css

@@ -49,6 +49,7 @@
 
       :root[zen-single-toolbar='true'] & {
         transition-delay: 0.2s;
+        --zen-toolbar-height: 34px;
       }
 
       #tabbrowser-tabpanels[has-toolbar-hovered] & {

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

@@ -114,7 +114,7 @@
   border-radius: 0px !important;
 }
 
-#urlbar:not([breakout-extend='true']) .urlbar-input-box {
+#urlbar .urlbar-input-box {
   font-weight: 500;
 }
 
@@ -151,19 +151,35 @@
 :root:not([zen-single-toolbar='true'])
   #urlbar:not([breakout-extend='true'])
   .urlbar-input-container:not([pageproxystate='invalid']) {
-  flex-direction: row-reverse;
+  padding: 2px 3px;
   gap: 2px;
-  padding: 2px;
 
   & .urlbar-page-action {
     height: 100%;
   }
 
+  & #zen-copy-url-button {
+    order: -1;
+  }
+
   & #identity-box {
+    order: 999;
     margin: 0px !important;
   }
 }
 
+#zen-copy-url-button[disabled] {
+  opacity: 0.3;
+  background: transparent !important;
+}
+
+:root[zen-single-toolbar='true'],
+#urlbar:is([breakout-extend='true'], [pageproxystate='invalid']) {
+  #zen-copy-url-button[disabled] {
+    display: none !important;
+  }
+}
+
 .urlbar-page-action,
 #tracking-protection-icon-container {
   padding: 0 !important;
@@ -204,7 +220,8 @@
 #urlbar[breakout-extend='true'] {
   z-index: 2;
 
-  & .urlbar-input-container {
+  :root[zen-single-toolbar='true'] & .urlbar-input-box,
+  &[zen-floating-urlbar='true'] .urlbar-input-box {
     font-weight: 400;
     @media (-moz-platform: windows) {
       font-weight: 500;
@@ -212,10 +229,15 @@
   }
 
   & #identity-box {
-    margin-right: calc(var(--urlbar-margin-inline) - 1px);
     height: 100%;
   }
 
+  :root:not([zen-single-toolbar='true'])
+    &:not([zen-floating-urlbar='true'])
+    #identity-box:not([pageproxystate='invalid']) {
+    margin-inline-end: 0;
+  }
+
   & .urlbar-background {
     --zen-urlbar-background-base: light-dark(
       #fbfbfb,