Bug 1139949 - Make the small swatch of current theme in the themes button smaller and rounded. ui-r=phlsa, r=Gijs

This commit is contained in:
Blake Winton 2015-03-27 13:34:27 -04:00
parent b3ed4d2eeb
commit 36f85e759e
2 changed files with 10 additions and 1 deletions

View File

@ -131,10 +131,12 @@ CustomizeMode.prototype = {
swatchForTheme: function(aDocument) {
let lwthemeButton = aDocument.getElementById("customization-lwtheme-button");
let lwthemeIcon = aDocument.getAnonymousElementByAttribute(lwthemeButton,
"class", "button-icon");
let imageURL = LightweightThemeManager.currentTheme === null ?
"chrome://browser/skin/theme-switcher-icon.png" :
LightweightThemeManager.currentTheme.iconURL;
lwthemeButton.setAttribute("image", imageURL);
lwthemeIcon.style.backgroundImage = "url(" + imageURL + ")";
},
enter: function() {

View File

@ -164,6 +164,13 @@
-moz-margin-start: 6px !important;
}
#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon {
width: 20px;
height: 20px;
border-radius: 2px;
background-size: contain;
}
#customization-titlebar-visibility-button > .button-box > .button-icon {
vertical-align: middle;
}