improve proton compatibility

chrome/navbar_tabs_oneliner.css

@@ -15,7 +15,10 @@ urlbar_popup_full_width.css is VERY MUCH recommended for Firefox 71+ because of
 #navigator-toolbox{
   --uc-navigationbar-width: 40vw;
   --uc-toolbar-height: 40px;
-  --uc-urlbar-min-width: none; /* Can set minimum width for focused urlbar here eg. 550px */
+  --uc-urlbar-min-width: 50vw; /* minimum width for opened urlbar */
+}
+@media (-moz-proton){
+  #scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; }
 }
 /* Override for other densities */
 :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 34px; }
@@ -23,7 +26,7 @@ urlbar_popup_full_width.css is VERY MUCH recommended for Firefox 71+ because of
 
 /* prevent urlbar overflow on narrow windows */
 /* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */
-@media screen and (max-width: 1400px){
+@media screen and (max-width: 1500px){
   #urlbar-container{ min-width:unset !important }
 }
 
@@ -56,10 +59,12 @@ urlbar_popup_full_width.css is VERY MUCH recommended for Firefox 71+ because of
 /* 1px margin on touch density causes tabs to be too high */
 .tab-close-button{ margin-top: 0 !important }
 
+/* Make opened urlbar overlay the toolbar */
+#urlbar[open]:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; }
+
 /* Hide dropdown placeholder */
 #urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; }
 
 /* Fix customization view */
 #customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }
 
-#urlbar:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; }

chrome/navbar_tabs_oneliner_menu_buttons_on_right.css

@@ -16,6 +16,9 @@ Window controls will be all wrong without it
   --uc-navigationbar-width: 50vw;
   --uc-toolbar-height: 40px;
 }
+@media (-moz-proton){
+  #scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; }
+}
 /* reserved space for overflow + menu buttons */
 #navigator-toolbox{--uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))}
 #nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) }

chrome/navbar_tabs_oneliner_tabs_on_left.css

@@ -13,8 +13,12 @@ Window controls will be all wrong without it
 
 /* Modify these to change relative widths or default height */
 #navigator-toolbox{
-  --uc-navigationbar-width: 40vw;
+  --uc-navigationbar-width: 45vw;
   --uc-toolbar-height: 40px;
+  --uc-urlbar-min-width: 50vw; /* minimum width for opened urlbar */
+}
+@media (-moz-proton){
+  #scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; }
 }
 /* Override for other densities */
 :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 34px;}
@@ -56,7 +60,6 @@ Window controls will be all wrong without it
 }
 #tabbrowser-tabs,
 .tabbrowser-tab[pinned]{
-  height: var(--tab-min-height) !important;
   min-height: var(--tab-min-height) !important;
 }
 #nav-bar{
@@ -80,7 +83,15 @@ Window controls will be all wrong without it
 /* 1px margin on touch density causes tabs to be too high */
 .tab-close-button{ margin-top: 0 !important }
 
+/* Make opened urlbar overlay the toolbar */
+#urlbar[open]:focus-within{
+  min-width: var(--uc-urlbar-min-width,none) !important;
+  right: 0 !important;
+  left: auto !important;
+}
+
 /* Hide dropdown placeholder */
 #urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; }
+
 /* Fix customization view */
 #customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }

chrome/navbar_tabs_responsive_oneliner.css

@@ -18,11 +18,14 @@ See the above repository for updates as well as full license text. */
   #navigator-toolbox{
     --uc-navigationbar-width: 40vw;
     --uc-toolbar-height: 40px;
-    --uc-urlbar-min-width: none; /* Can set minimum width for focused urlbar here eg. 550px */
+    --uc-urlbar-min-width: 50vw; /* minimum width for opened urlbar */
+  }
+  @media (-moz-proton){
+    #scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; }
   }
 /* prevent urlbar overflow on narrow windows */
 /* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */
-  @media screen and (max-width: 1400px){
+  @media screen and (max-width: 1500px){
     #urlbar-container{ min-width:unset !important }
   }
 
@@ -58,10 +61,12 @@ See the above repository for updates as well as full license text. */
   /* 1px margin on touch density causes tabs to be too high */
   .tab-close-button{ margin-top: 0 !important }
 
+  /* Make opened urlbar overlay the toolbar */
+  #urlbar[open]:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; }
+
   /* Hide dropdown placeholder */
   #urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; }
   
-  #urlbar:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; }
 }
 /* Fix customization view */
-#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }
+#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }