Bug 1095904 - [Mac Classic] Style left panes in Bookmarks Manager, MailNews and Address Book as source lists. r=frg a=IanN
authorstefanh@inbox.com
Wed, 16 Aug 2017 00:49:25 +0200
changeset 28565 70a707e6b868
parent 28564 dedcd8068ed2
child 28566 e626ba134f62
push id2000
push userfrgrahl@gmx.net
push dateThu, 17 Aug 2017 10:13:43 +0000
treeherdercomm-beta@70a707e6b868 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersfrg, IanN
bugs1095904
Bug 1095904 - [Mac Classic] Style left panes in Bookmarks Manager, MailNews and Address Book as source lists. r=frg a=IanN
suite/themes/classic/mac/communicator/bookmarks/bookmarksManager.css
suite/themes/classic/mac/messenger/addressbook/addressbook.css
suite/themes/classic/mac/messenger/mailWindow1.css
--- a/suite/themes/classic/mac/communicator/bookmarks/bookmarksManager.css
+++ b/suite/themes/classic/mac/communicator/bookmarks/bookmarksManager.css
@@ -1,28 +1,93 @@
 /* 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/. */
 
 #placesList {
-  border: none;
   padding: 0;
-  background-color: transparent;
+  -moz-appearance: -moz-mac-source-list;
 }
 
 #placesList > treechildren::-moz-tree-row {
   background-color: transparent;
 }
 
 #placesList > treechildren::-moz-tree-row(selected) {
-  background-color: -moz-mac-secondaryhighlight;
+  -moz-appearance: -moz-mac-source-list-selection;
 }
 
 #placesList > treechildren::-moz-tree-row(selected, focus) {
-  background-color: Highlight;
+  -moz-appearance: -moz-mac-active-source-list-selection;
+}
+
+#placesList > treechildren::-moz-tree-cell-text(selected) {
+  color: #FFFFFF;
+}
+
+#placesList > treechildren::-moz-tree-twisty {
+  -moz-appearance: none;
+  width: 16px;
+  padding-bottom: 1px;
+  padding-inline-end: 4px;
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed");
+}
+
+#placesList > treechildren::-moz-tree-twisty(closed, selected) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted");
+}
+
+#placesList > treechildren::-moz-tree-twisty(open) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded");
+}
+
+#placesList > treechildren::-moz-tree-twisty(open, selected) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded-inverted");
+}
+
+#placesList > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-rtl");
+}
+
+#placesList > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted-rtl");
+}
+
+@media (-moz-mac-yosemite-theme) {
+  #placesList > treechildren::-moz-tree-cell-text(selected) {
+    color: -moz-dialogtext;
+  }
+
+  #placesList > treechildren::-moz-tree-cell-text(selected, focus) {
+    color: #FFFFFF;
+  }
+
+  #placesList > treechildren::-moz-tree-twisty(closed, selected) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed");
+  }
+
+  #placesList > treechildren::-moz-tree-twisty(closed, selected, focus) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted");
+  }
+
+  #placesList > treechildren::-moz-tree-twisty(open, selected) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded");
+  }
+
+  #placesList > treechildren::-moz-tree-twisty(open, selected, focus) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded-inverted");
+  }
+
+  #placesList > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-rtl");
+  }
+
+  #placesList > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected, focus) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted-rtl")
+  }
 }
 
 #placeContent {
   border: 0;
 }
 
 #placeContent > treechildren::-moz-tree-row {
   border-top: none !important;
@@ -40,24 +105,16 @@
 
 #placesList-splitter {
   border: solid #B3B3B3;
   border-width: 0 1px 0 0;
   background-image: none;
   min-width: 1px;
 }
 
-#placesView {
-  background-color: #D6DDE5;
-}
-
-#placesView:-moz-window-inactive {
-  background-color: #E8E8E8;
-}
-
 /* This splitter is always disabled and contains a grippy... see bug 591779 */
 #detailsDeck-splitter {
   display: none;
 }
 
 #detailsDeck {
   border-top: 1px solid #919191;
   background-color: #F0F0F0;
--- a/suite/themes/classic/mac/messenger/addressbook/addressbook.css
+++ b/suite/themes/classic/mac/messenger/addressbook/addressbook.css
@@ -197,38 +197,100 @@ toolbar[iconsize="small"] > #button-abde
 
 /* Make sure users find the splitter when it's collapsed... */
 
 #dirTree-splitter[state="collapsed"] {
   min-width: 5px;
   background-color: #D6DDE5;
 }
 
-#dirTreeBox {
-  background-color: #D6DDE5;
+#dirTree {
+  -moz-appearance: -moz-mac-source-list;
 }
 
-#dirTreeBox:-moz-window-inactive {
-  background-color: #E8E8E8;
-}
-
-#dirTree {
-  background-color: transparent;
+.tree-stack > .tree-rows > .tree-bodybox {
+  border: none;
 }
 
 #dirTree > treechildren::-moz-tree-row {
   background-color: transparent;
 }
 
 #dirTree > treechildren::-moz-tree-row(selected) {
-  background-color: -moz-mac-secondaryhighlight;
+  -moz-appearance: -moz-mac-source-list-selection;
 }
 
 #dirTree > treechildren::-moz-tree-row(selected, focus) {
-  background-color: Highlight;
+  -moz-appearance: -moz-mac-active-source-list-selection;
+}
+
+#dirTree > treechildren::-moz-tree-cell-text(selected) {
+  color: #FFFFFF;
+}
+
+#dirTree > treechildren::-moz-tree-twisty {
+  width: 16px;
+  -moz-appearance: none;
+  padding-bottom: 1px;
+  padding-inline-end: 4px;
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed");
+}
+
+#dirTree > treechildren::-moz-tree-twisty(closed, selected) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted");
+}
+
+#dirTree > treechildren::-moz-tree-twisty(open) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded");
+}
+
+#dirTree > treechildren::-moz-tree-twisty(open, selected) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded-inverted");
+}
+
+#dirTree > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-rtl");
+}
+
+#dirTree > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted-rtl");
+}
+
+@media (-moz-mac-yosemite-theme) {
+  #dirTree > treechildren::-moz-tree-cell-text(selected) {
+    color: -moz-dialogtext;
+  }
+
+  #dirTree > treechildren::-moz-tree-cell-text(selected, focus) {
+    color: #FFFFFF;
+  }
+
+  #dirTree > treechildren::-moz-tree-twisty(closed, selected) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed");
+  }
+
+  #dirTree > treechildren::-moz-tree-twisty(closed, selected, focus) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted");
+  }
+
+  #dirTree > treechildren::-moz-tree-twisty(open, selected) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded");
+  }
+
+  #dirTree > treechildren::-moz-tree-twisty(open, selected, focus) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded-inverted");
+  }
+
+  #dirTree > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-rtl");
+  }
+
+  #dirTree > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected, focus) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted-rtl")
+  }
 }
 
 #DirCol {
   -moz-appearance: none;
   border: none;
   background-color: transparent;
 }
 
--- a/suite/themes/classic/mac/messenger/mailWindow1.css
+++ b/suite/themes/classic/mac/messenger/mailWindow1.css
@@ -30,24 +30,16 @@
   min-height: 10px;
   height: 0px;
 }
 
 #messagepanebox:-moz-lwtheme {
   background-color: -moz-dialog;
 }
 
-#folderPaneBox {
-  background-color: #D6DDE5;
-}
-
-#folderPaneBox:-moz-window-inactive {
-  background-color: #E8E8E8;
-}
-
 #searchToolbar {
   -moz-appearance: none;
   background-color: #CDCDCD;
   background-image: url("chrome://communicator/skin/toolbar/toolbar-gradient34.png");
   background-repeat: repeat-x;
   border-bottom: 1px solid #9F9F9F;
 }
 
@@ -86,29 +78,99 @@
   border: solid #A5A5A5;
   border-width: 1px 0;
 }
 
 /* ..... tree adjustments ..... */
 
 #folderTree {
   min-width: 1px;
-  background-color: transparent;
+  -moz-appearance: -moz-mac-source-list;
+}
+
+.tree-stack > .tree-rows > .tree-bodybox {
+  border: none;
 }
 
 #folderTree > treechildren::-moz-tree-row {
   background-color: transparent;
 }
 
 #folderTree > treechildren::-moz-tree-row(selected) {
-  background-color: -moz-mac-secondaryhighlight;
+  -moz-appearance: -moz-mac-source-list-selection;
 }
 
 #folderTree > treechildren::-moz-tree-row(selected, focus) {
-  background-color: Highlight;
+  -moz-appearance: -moz-mac-active-source-list-selection;
+}
+
+#folderTree > treechildren::-moz-tree-cell-text(selected) {
+  color: #FFFFFF;
+}
+
+#folderTree > treechildren::-moz-tree-twisty {
+  -moz-appearance: none;
+  width: 16px;
+  padding-bottom: 1px;
+  padding-inline-end: 4px;
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed");
+}
+
+#folderTree > treechildren::-moz-tree-twisty(closed, selected) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted");
+}
+
+#folderTree > treechildren::-moz-tree-twisty(open) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded");
+}
+
+#folderTree > treechildren::-moz-tree-twisty(open, selected) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded-inverted");
+}
+
+#folderTree > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-rtl");
+}
+
+#folderTree > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected) {
+  list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted-rtl");
+}
+
+@media (-moz-mac-yosemite-theme) {
+  #folderTree > treechildren::-moz-tree-cell-text(selected) {
+    color: -moz-dialogtext;
+  }
+
+  #folderTree > treechildren::-moz-tree-cell-text(selected, focus) {
+    color: #FFFFFF;
+  }
+
+  #folderTree > treechildren::-moz-tree-twisty(closed, selected) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed");
+  }
+
+  #folderTree > treechildren::-moz-tree-twisty(closed, selected, focus) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted");
+  }
+
+  #folderTree > treechildren::-moz-tree-twisty(open, selected) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded");
+  }
+
+  #folderTree > treechildren::-moz-tree-twisty(open, selected, focus) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded-inverted");
+  }
+
+  #folderTree > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-rtl");
+  }
+
+  #folderTree > treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected, focus) {
+    list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted-rtl")
+  }
 }
 
 #threadTree {
   min-width: 1px;
 }
 
 #locationIcon {
   list-style-image: none;