Bug 1637726 - Set a left border when the window controls are on the left. r=aleca
authorRichard Marti <richard.marti@gmail.com>
Wed, 13 May 2020 21:46:30 +0200
changeset 38246 4ab33a9f130373346df6bfbfc7984a29dad2e46d
parent 38245 79a064e00626b4e1b0af8375076d250e03bdf466
child 38247 695fd95c327221a496cd3076a3ab43415263cada
push id2607
push userclokep@gmail.com
push dateMon, 01 Jun 2020 20:50:20 +0000
treeherdercomm-beta@9d45cd34927b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersaleca
bugs1637726
Bug 1637726 - Set a left border when the window controls are on the left. r=aleca
mail/themes/linux/mail/tabmail.css
mail/themes/windows/mail/tabmail.css
--- a/mail/themes/linux/mail/tabmail.css
+++ b/mail/themes/linux/mail/tabmail.css
@@ -49,16 +49,32 @@ tabpanels {
   border: 1px dotted transparent;
   margin: -1px !important; /* let the border not consume any space, like outline */
 }
 
 .tabmail-tab[selected]:focus > .tab-stack > .tab-content > .tab-label-container {
   border-color: -moz-DialogText;
 }
 
+@media (-moz-gtk-csd-reversed-placement: 0) {
+  #tabmail-arrowscrollbox[overflow="true"] > .tabmail-tab:first-child::before {
+    content: '';
+    display: -moz-box;
+    margin-inline-start: 0;
+  }
+}
+
+@media (-moz-gtk-csd-reversed-placement) {
+  .tabmail-tab:first-child::before {
+    content: '';
+    display: -moz-box;
+    margin-inline-start: 0;
+  }
+}
+
 /* Tabstrip close button */
 .tabs-closebutton {
   margin-top: 1px;
 }
 
 /**
  * Tab Scrollbox Arrow Buttons
  */
--- a/mail/themes/windows/mail/tabmail.css
+++ b/mail/themes/windows/mail/tabmail.css
@@ -34,16 +34,22 @@ tabpanels {
 .tabmail-tab > .tab-stack > .tab-content > .tab-label-container {
   border: 1px dotted transparent;
 }
 
 .tabmail-tab:focus > .tab-stack > .tab-content > .tab-label-container {
   border-color: -moz-DialogText;
 }
 
+#tabmail-arrowscrollbox[overflow="true"] > .tabmail-tab:first-child::before {
+  content: '';
+  display: -moz-box;
+  margin-inline-start: 0;
+}
+
 /**
  * close buttons
  */
 
 .tabs-closebutton-box > .tabs-closebutton {
   margin-top: 1px;
   padding: 0 2px;
 }