Bug 1367009 - Make the sidebar header use the system font size on Windows and Linux and let it match the sidebar content on Mac. r?bgrins
MozReview-Commit-ID: 8tJ9wPLGymR
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -1357,16 +1357,21 @@ html|span.ac-emphasize-text-url {
/* ----- SIDEBAR ELEMENTS ----- */
%include ../shared/sidebar.inc.css
#sidebar-box {
-moz-appearance: -moz-mac-source-list;
}
+#sidebar-header {
+ /* match the font size used in side bar content */
+ font-size: 12px;
+}
+
/* ----- CONTENT ----- */
.browserContainer > findbar {
background: @scopeBarBackground@;
border-top: @scopeBarSeparatorBorder@;
color: -moz-DialogText;
text-shadow: none;
}
--- a/browser/themes/shared/sidebar.inc.css
+++ b/browser/themes/shared/sidebar.inc.css
@@ -3,17 +3,16 @@
* 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/. */
%endif
#sidebar-box {
--icon-fill: rgba(12, 12, 13, 0.8);
--header-background-color: #F2F2F2;
--header-background-color-hover: rgba(204, 204, 204, 0.6);
- --title-font-size: 13px;
}
.sidebar-header,
#sidebar-header {
padding: 4px;
background-color: var(--header-background-color);
text-shadow: none;
}
@@ -44,24 +43,22 @@
@media (min-resolution: 2dppx) {
.sidebar-throbber[loading="true"],
#sidebar-throbber[loading="true"] {
list-style-image: url("chrome://global/skin/icons/loading@2x.png");
width: 16px;
}
}
-.sidebar-title,
#sidebar-title {
margin: 0;
padding: 0;
padding-inline-start: 8px;
padding-inline-end: 4px;
color: -moz-DialogText;
- font-size: var(--title-font-size);
}
#sidebar-switcher-arrow {
-moz-context-properties: fill;
fill: var(--icon-fill);
list-style-image: url(chrome://browser/skin/sidebar/arrow-dropdown.svg);
width: 12px;
height: 12px;
@@ -117,9 +114,9 @@
list-style-image: url(chrome://browser/skin/sidebar/history.svg);
}
#sidebar-switcher-tabs > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewTabsSidebar"] #sidebar-icon {
-moz-context-properties: fill;
fill: var(--icon-fill);
list-style-image: url(chrome://browser/skin/sidebar/sync.svg);
-}
\ No newline at end of file
+}