Bug 1490952 - Align <tabs> default and override styles on Mac. r=mikedeboer a=pascalc
authorDão Gottwald <dao@mozilla.com>
Thu, 20 Sep 2018 12:22:55 +0200
changeset 492696 f45fda80003bacf2140b7d6d6586208a32182ee0
parent 492695 dbf63fb2036a29558950a75b1bd16922e9a92a14
child 492697 ef7e76233d5337d11d627f087454d9d96490ae7d
push id1815
push userffxbld-merge
push dateMon, 15 Oct 2018 10:40:45 +0000
treeherdermozilla-release@18d4c09e9378 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmikedeboer, pascalc
bugs1490952
milestone63.0
Bug 1490952 - Align <tabs> default and override styles on Mac. r=mikedeboer a=pascalc
browser/themes/osx/browser.css
toolkit/themes/osx/global/in-content/common.css
toolkit/themes/osx/global/tabbox.css
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -698,16 +698,20 @@ html|input.urlbar-input {
 }
 
 .tabbrowser-tab[visuallyselected=true]:not(:-moz-lwtheme) {
   -moz-font-smoothing-background-color: var(--toolbar-bgcolor);
 }
 
 #tabbrowser-tabs {
   -moz-box-align: stretch;
+  padding-left: 0;
+  padding-right: 0;
+  margin-bottom: 0;
+  position: static;
 }
 
 /**
  * Tab Drag and Drop
  */
 
 .tab-drop-indicator-box {
   -moz-box-align: center;
--- a/toolkit/themes/osx/global/in-content/common.css
+++ b/toolkit/themes/osx/global/in-content/common.css
@@ -3,16 +3,17 @@
    - You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 %include ../shared.inc
 %include ../../../shared/in-content/common.inc.css
 
 xul|tabs {
   padding-right: 0;
   padding-left: 0;
+  position: static;
 }
 
 xul|tab[visuallyselected] {
   color: inherit !important;
   text-shadow: none;
 }
 
 xul|button[dlgtype="help"] {
--- a/toolkit/themes/osx/global/tabbox.css
+++ b/toolkit/themes/osx/global/tabbox.css
@@ -17,19 +17,16 @@ tabbox {
 tabpanels {
   -moz-appearance: tabpanels;
   padding: 33px 15px 15px;
 }
 
 tabs {
   -moz-box-align: center;
   font: menu;
-}
-
-tabbox > tabs {
   padding: 0 10px;
   margin-bottom: -12px;
   position: relative;
 }
 
 tab {
   -moz-appearance: tab;
   padding-top: 1px;