Bug 734326 - Use Australis button styling for bookmarks toolbar items, r= Gijs. draft
authorRakhi Sharma <Rakhish1994@gmail.com>
Wed, 15 Jun 2016 14:13:18 +0530
changeset 378163 c1ee4623c522e0545f26d4afef720530695ca625
parent 377969 ba772111543fb5d14cb1f4b5072ad053e0ea12e3
child 378185 c7757a1704870d3b21eb0d3d16219e14409839e5
child 378187 4a8752e7764c4e902dd74ab77dfa3cbd3ca1b09c
child 384409 bde4419b281596262162ad379df3b44d1e934360
child 384498 eb481fe4c3a44cd90b378c0e20087e7529f17939
push id20948
push userbmo:Rakhish1994@gmail.com
push dateWed, 15 Jun 2016 08:45:51 +0000
bugs734326
milestone49.0a1
Bug 734326 - Use Australis button styling for bookmarks toolbar items, r= Gijs. MozReview-Commit-ID: 7YuuIWbAYRh
browser/themes/linux/browser.css
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -135,22 +135,34 @@ toolbarbutton.bookmark-item:not(.subview
   margin: 0;
   padding: 2px 3px;
 }
 
 toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) {
   color: inherit;
 }
 
+toolbarbutton.bookmark-item:not(.subviewbutton) {
+  -moz-appearance: none;
+  border: 1px  solid transparent;
+  border-radius: 2px;
+  transition-property: background-color, border-color ;
+  transition-duration: 150ms;
+}
+
+toolbarbutton.bookmark-item:not(.subviewbutton):hover {
+  background-color: var(--toolbarbutton-hover-backgroundcolor);
+  border-color: var(--toolbarbutton-hover-bordercolor);
+}
+
 toolbarbutton.bookmark-item:not(.subviewbutton):hover:active,
 toolbarbutton.bookmark-item[open="true"] {
-  padding-top: 3px;
-  padding-bottom: 1px;
-  padding-inline-start: 4px;
-  padding-inline-end: 2px;
+  background: var(--toolbarbutton-active-background);
+  box-shadow: var(--toolbarbutton-active-boxshadow);
+  border-color: var(--toolbarbutton-active-bordercolor);
 }
 
 .bookmark-item > .toolbarbutton-icon,
 #personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
   width: 16px;
   height: 16px;
 }
 
@@ -1682,17 +1694,17 @@ menuitem:hover > hbox > .alltabs-endimag
   list-style-image: url("chrome://global/skin/icons/loading.png");
   margin-inline-end: 4px;
 }
 
 toolbarbutton.chevron {
   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
 }
 
-toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) {
+toolbar[brighttext] toolbarbutton.chevron {
   list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !important;
 }
 
 toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon {
   transform: scaleX(-1);
 }
 
 toolbarbutton.chevron > .toolbarbutton-text,