Bug 734326 - Use Australis button styling for bookmarks toolbar items, r= Gijs.
MozReview-Commit-ID: 7YuuIWbAYRh
--- 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,