Bug 1428061 - Remove support for the tabs-bottom class. r?jaws draft
authorDão Gottwald <dao@mozilla.com>
Thu, 04 Jan 2018 16:29:30 +0100
changeset 715744 2f3c357dce98d4375419087f99fca6d8f0e240dd
parent 715663 f78a83244fbebe8a469ae3512fce7f638cab7e1f
child 744874 b6dce72d6090af5b72d1c3d432666a9f25ee8d35
push id94247
push userdgottwald@mozilla.com
push dateThu, 04 Jan 2018 15:32:24 +0000
reviewersjaws
bugs1428061
milestone59.0a1
Bug 1428061 - Remove support for the tabs-bottom class. r?jaws MozReview-Commit-ID: KvOO0uCjCUC
toolkit/themes/osx/global/tabbox.css
--- a/toolkit/themes/osx/global/tabbox.css
+++ b/toolkit/themes/osx/global/tabbox.css
@@ -1,19 +1,16 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 /*
     The default style of these tabs is that of an NSTabView with tabs at
     the top in the "regular" size. These tabs can be used with or without
     a tabbox element.
-    For bottom tabs you should use the "tabs-bottom" class on the tabbox
-    or the tabs element. Bottom tabs use a style that's similar to the
-    one used in Adium.
 */
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 tabbox {
   margin: 0 5px;
 }
 
@@ -65,91 +62,8 @@ tab[visuallyselected="true"]:not(:-moz-w
 .tab-middle {
   padding: 1px 6px 2px;
 }
 
 .tabs-left,
 .tabs-right  {
   -moz-box-flex: 1;
 }
-
-/* Tabs at the bottom
- * These tabs are smaller, left aligned and don't extend into the tabpanel.
- */
-
-tabbox.tabs-bottom > tabpanels {
-  padding: 10px;
-}
-
-tabbox.tabs-bottom > tabs,
-tabs.tabs-bottom {
-  background-color: rgba(0, 0, 0, 0.1);
-  padding: 0;
-  margin: 0;
-  border-top: 2px solid;
-  -moz-border-top-colors: #888 rgba(0, 0, 0, 0.08);
-  -moz-box-align: start;
-  font: message-box;
-}
-
-tabbox.tabs-bottom > tabs > .tabs-left,
-tabs.tabs-bottom > .tabs-left {
-  -moz-box-flex: 0;
-}
-
-tabbox.tabs-bottom > tabs > tab,
-tabs.tabs-bottom > tab {
-  -moz-appearance: none;
-  margin: -1px 0 0;
-  padding: 0 0 2px 0;
-  position: relative;
-  border-inline-end: 1px solid rgba(0, 0, 0, 0.19);
-}
-
-tabbox.tabs-bottom > tabs > tab > .tab-middle,
-tabs.tabs-bottom > tab > .tab-middle {
-  padding: 1px 2px 0 2px;
-}
-
-tabbox.tabs-bottom > tabs > tab:not([visuallyselected=true]):hover,
-tabs.tabs-bottom > tab:not([visuallyselected=true]):hover {
-  background-color: rgba(0, 0, 0, 0.1);
-  border-inline-end-color: rgba(0, 0, 0, 0.1);
-}
-
-tabbox.tabs-bottom > tabs > tab[visuallyselected=true],
-tabs.tabs-bottom > tab[visuallyselected=true] {
-  color: #000;
-  text-shadow: none;
-  border: solid #888;
-  border-width: 0 2px 2px;
-  border-radius: 2px;
-  -moz-border-left-colors: rgba(0, 0, 0, 0.08) #888;
-  -moz-border-right-colors: rgba(0, 0, 0, 0.08) #888;
-  -moz-border-bottom-colors: rgba(0, 0, 0, 0.08) #888;
-  margin-inline-end: -1px;
-  margin-top: -2px;
-  margin-bottom: 1px;
-  padding: 0;
-}
-
-tabbox.tabs-bottom > tabs > tab[beforeselected=true],
-tabs.tabs-bottom > tab[beforeselected=true] {
-  border-inline-end-color: transparent;
-  margin-inline-end: -2px;
-}
-
-tabbox.tabs-bottom > tabs > tab:first-of-type:not([visuallyselected=true]),
-tabs.tabs-bottom > tab:first-of-type:not([visuallyselected=true]) {
-  border-inline-start: 4px solid transparent;
-}
-
-tabbox.tabs-bottom > tabs > tab:first-of-type[visuallyselected=true],
-tabs.tabs-bottom > tab:first-of-type[visuallyselected=true] {
-  margin-inline-start: 2px;
-}
-
-tabbox.tabs-bottom,
-tabbox.tabs-bottom > tabpanels,
-tabbox.tabs-bottom > tabs > tab[visuallyselected=true] > .tab-middle,
-tabs.tabs-bottom > tab[visuallyselected=true] > .tab-middle {
-  -moz-appearance: dialog;
-}