Bug 890039 - Download indicator isn't styled correctly in dark LWTs, r=jaws,f=mak

--HG--
extra : rebase_source : 91e748698afb7083f7aa4f438f5e78ae3bdcda66
This commit is contained in:
Gijs Kruitbosch 2013-08-26 17:06:04 +02:00
parent a5a3e6ac0a
commit 7a446e9de2
4 changed files with 25 additions and 19 deletions

View File

@ -137,8 +137,3 @@
#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
background-image: linear-gradient(#4b5000, #515700);
}
toolbar[mode="full"] > #downloads-indicator > .toolbarbutton-text {
margin: 0;
text-align: center;
}

View File

@ -22,6 +22,10 @@
0, 198, 18, 180) center no-repeat;
}
#downloads-indicator-icon:-moz-lwtheme-brighttext {
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180);
}
#downloads-indicator[attention]
#downloads-indicator-icon {
background-image: url("chrome://browser/skin/downloads/download-glow.png");
@ -37,22 +41,37 @@
background-size: 12px;
}
#downloads-indicator:not([counter])
#downloads-indicator-counter:-moz-lwtheme-brighttext {
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180);
}
#downloads-indicator:not([counter])[attention]
#downloads-indicator-counter {
background-image: url("chrome://browser/skin/downloads/download-glow.png");
}
@media (min-resolution: 2dppx) {
#downloads-indicator-icon:not(:-moz-lwtheme-brighttext) {
#downloads-indicator-icon {
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 0, 396, 36, 360);
background-size: 18px;
}
#downloads-indicator-icon:-moz-lwtheme-brighttext {
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), 0, 396, 36, 360);
}
#downloads-indicator:not([counter]) > #downloads-indicator-anchor >
#downloads-indicator-progress-area > #downloads-indicator-counter {
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 0, 396, 36, 360);
}
#downloads-indicator:not([counter]) > #downloads-indicator-anchor >
#downloads-indicator-progress-area > #downloads-indicator-counter:-moz-lwtheme-brighttext {
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"),
0, 396, 36, 360);
}
#downloads-indicator[attention] > #downloads-indicator-anchor >
#downloads-indicator-icon {
background-image: url("chrome://browser/skin/downloads/download-glow@2x.png");
@ -173,10 +192,3 @@
#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
background-image: linear-gradient(#4b5000, #515700);
}
toolbar[mode="full"] > #downloads-indicator > .toolbarbutton-text {
margin: 2px 0 0;
padding: 0;
text-align: center;
vertical-align: middle;
}

View File

@ -41,7 +41,6 @@
-moz-image-region: rect(0, 180px, 18px, 162px);
}
#downloads-indicator[customizableui-areatype="toolbar"],
#downloads-button[customizableui-areatype="toolbar"] {
-moz-image-region: rect(0, 198px, 18px, 180px);
}

View File

@ -38,6 +38,11 @@
background-size: 12px;
}
#downloads-indicator:not([counter]) > #downloads-indicator-anchor >
#downloads-indicator-progress-area > #downloads-indicator-counter:-moz-lwtheme-brighttext {
background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180);
}
#downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
background-image: url("chrome://browser/skin/downloads/download-glow.png");
}
@ -145,8 +150,3 @@
#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
background-image: linear-gradient(#4b5000, #515700);
}
toolbar[mode="full"] > #downloads-indicator > .toolbarbutton-text {
margin: 0;
text-align: center;
}