bunch of fixes for proton compatibility

chrome/autohide_bookmarks_and_main_toolbars.css

@@ -11,6 +11,16 @@ See the above repository for updates as well as full license text. */
 :root[uidensity="compact"] #navigator-toolbox{ --uc-bm-padding: 1px; --uc-navbar-height: -32px }
 :root[uidensity="touch"] #navigator-toolbox{ --uc-bm-padding: 6px }
 
+@media (-moz-proton){
+  #navigator-toolbox{
+     --uc-bm-height: 26px; /* Might need to adjust if the toolbar has other buttons */
+  }
+  :root[uidensity="compact"] #navigator-toolbox{
+    --uc-navbar-height: -34px;
+    --uc-bm-height: 23px;
+  }
+}
+
 :root[sessionrestored] #nav-bar,
 :root[sessionrestored] #PersonalToolbar{
   transform: rotateX(90deg);

chrome/button_effect_scale_onclick.css

@@ -3,8 +3,6 @@ See the above repository for updates as well as full license text. */
 
 /* Effect */
 
-:root:not([uidensity="compact"],[proton]) #back-button{ --uc-back-extra-padding: 2px }
-
 .toolbarbutton-icon,
 .menuitem-iconic .menu-iconic-icon{
   transition: transform 83ms linear !important;
@@ -25,7 +23,7 @@ toolbarbutton#scrollbutton-down:active > .toolbarbutton-icon{ transform: scale(-
 
 
 toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{
-  padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 3px) !important;
+  padding: calc(var(--toolbarbutton-inner-padding) + 3px) !important;
 }
 
 #page-action-buttons .urlbar-icon:active{ padding: calc(var(--urlbar-icon-padding) + 3px) !important; }

chrome/button_effect_scale_onhover.css

@@ -3,8 +3,6 @@ See the above repository for updates as well as full license text. */
 
 /* Effect */
 
-:root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px }
-
 .toolbarbutton-icon,
 .menuitem-iconic .menu-iconic-icon{
   transition: transform 83ms linear !important;
@@ -23,7 +21,7 @@ toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
 toolbarbutton#scrollbutton-down > .toolbarbutton-icon{ transform: scale(-0.8) !important; }
 
 toolbar .toolbarbutton-1 > .toolbarbutton-icon{
-  padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 2px) !important;
+  padding: calc(var(--toolbarbutton-inner-padding) + 2px) !important;
 }
 
 #page-action-buttons .urlbar-icon:not(:hover){ padding: calc(var(--urlbar-icon-padding) + 2px) !important; }
@@ -37,5 +35,5 @@ toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .t
 toolbarbutton#scrollbutton-down:not([disabled]):hover > .toolbarbutton-icon{transform: scale(-1) !important;}
 
 toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon{
-  padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px)) !important;
+  padding: var(--toolbarbutton-inner-padding) !important;
 }

chrome/compact_urlbar_megabar.css

@@ -9,11 +9,11 @@ See the above repository for updates as well as full license text. */
   top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
 }
 #urlbar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; }
-.urlbar-icon{ height: calc(var(--urlbar-min-height) - 2px) !important; }
 .urlbarView{ margin-inline: 0 !important; width: auto !important; }
 .urlbarView-row{ padding: 0 2px !important; }
 .urlbarView-row-inner{ padding-inline-start: 4px !important; }
 #urlbar-background{ animation: none !important; }
 #urlbar-input-container{ padding: 0 !important; height: 100% !important; }
 #identity-icon{ margin-block: var(--urlbar-icon-padding) }
-.urlbarView > .search-one-offs:not([hidden]){ padding-block: 0px !important; }
+.urlbarView > .search-one-offs:not([hidden]){ padding-block: 0px !important; }
+@media (-moz-proton){ #urlbar-input-container{ padding: 1px !important; } }

chrome/hide_tabs_with_one_tab.css

@@ -29,7 +29,7 @@ See the above repository for updates as well as full license text. */
 }
 .accessibility-indicator > hbox{ padding-block: 0 !important }
 
-#tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) }
+#tabbrowser-tabs .tabbrowser-tab{ height: calc(var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px)) }
 
 #tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{
   visibility: collapse !important;

chrome/overlay_menubar.css

@@ -20,7 +20,7 @@ See the above repository for updates as well as full license text. */
 #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ display: none }
 
 #main-menubar{
-  height: calc(var(--tab-min-height) + 3px);
+  height: calc(var(--tab-min-height) +  2 * var(--proton-tab-block-margin,0px));
   background-color: var(--arrowpanel-background);
   color: var(--arrowpanel-color);
 }
@@ -30,7 +30,7 @@ See the above repository for updates as well as full license text. */
   content: "";
   display: -moz-box;
   width: 30px;
-  height: calc(var(--tab-min-height) + 3px);
+  height: calc(var(--tab-min-height) +  2 * var(--proton-tab-block-margin,0px));
   background-image: linear-gradient(to right, var(--arrowpanel-background) 30%, transparent);
 }
 

chrome/tab_line_loading_indicator.css

@@ -4,23 +4,24 @@ See the above repository for updates as well as full license text. */
 /* Hide the normal loading indicator (just show tab-icon instead) and make the top tab-line bounce left-to-right */
 
 @keyframes tabline-anim{from{background-position-x: left}to{background-position-x: right}}
-.tab-line{ 
+.tabbrowser-tab[busy] > stack >  .tab-background::before,
-  transform: none !important;
+.tab-background[selected]::before{
-  background-color: transparent !important;
+  content: "";
+  display: -moz-box;
+  height: 2px;
+  opacity: 0;
   background-image: linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2));
-  background-repeat: no-repeat !important;
+  background-repeat: no-repeat;
   background-size: 100%;
-  transition: background-size 80ms linear !important;
+  transition: background-size 80ms linear;
 }
 
-.tabbrowser-tab[busy] > stack > .tab-background > .tab-line{
+.tabbrowser-tab[busy] > stack > .tab-background::before{
-  background-size: 10% !important;
+  background-size: 10%;
   background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color));
-  opacity: 0.7 !important;
+  opacity: 0.7;
   animation: tabline-anim 400ms alternate infinite ease-in-out;
 }
 
-.tab-line[selected]{ background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color)); opacity: 1 !important; }
-
 .tabbrowser-tab .tab-throbber{ display: none }
-.tabbrowser-tab .tab-icon-image{ display: -moz-box !important; }
+.tabbrowser-tab .tab-icon-image{ display: -moz-box !important; }

chrome/vertical_context_navigation_v2.css

@@ -10,7 +10,8 @@ See the above repository for updates as well as full license text. */
 #context-reload,#context-stop{ transform: translate(-80px, 80px) }
 #context-bookmarkpage{ transform: translate(-120px,120px) }
 
-#context-navigation:not([hidden])~*{ margin-left: 20px;  }
+#context-navigation:not([hidden])~*{ margin-left: 32px;  }
 #context-sep-navigation{ display: none }
 #context-navigation{ margin-bottom: -34px; }
-#context-sep-navigation:not([hidden]) ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) }
+#context-sep-navigation:not([hidden]) ~ *:not(.menuitem-iconic){ clip-path: polygon(0.8em 0%, 100% 0%,100% 100%,0.8em 100%); }
+#context-sep-navigation:not([hidden]) ~ menuseparator{ margin-left: 30px  !important; }