Bug 780433 - Update the volume bar and scrubber icon. r=Unfocused
authorJared Wein <jaws@mozilla.com>
Mon, 27 Aug 2012 19:11:05 +1200
changeset 105577 4a20b03e608d46190258a51a5651ff8bed135366
parent 105573 a684417d8536290f830eb71ddeb3f217c00df2c8
child 105578 6c6a080be434b81d8189de2ff2389376a1615a57
push id55
push usershu@rfrn.org
push dateThu, 30 Aug 2012 01:33:09 +0000
reviewersUnfocused
bugs780433
milestone17.0a1
Bug 780433 - Update the volume bar and scrubber icon. r=Unfocused
toolkit/themes/pinstripe/global/media/videocontrols.css
toolkit/themes/pinstripe/global/media/volumeThumb.png
toolkit/themes/winstripe/global/media/videocontrols.css
toolkit/themes/winstripe/global/media/volumeThumb.png
--- a/toolkit/themes/pinstripe/global/media/videocontrols.css
+++ b/toolkit/themes/pinstripe/global/media/videocontrols.css
@@ -72,24 +72,24 @@
 }
 
 /* .scale-thumb is an element inside the <scale> implementation. */
 .volumeControl .scale-thumb {
   /* Override the default thumb appearance with a custom image. */
   -moz-appearance: none;
   background: url(chrome://global/skin/media/volumeThumb.png) no-repeat center;
   border: none;
-  min-width: 16px;
-  min-height: 11px;
+  min-width: 21px;
+  min-height: 10px;
 }
 
 .volumeBackgroundBar {
   /* margin left/right: make bar 8px wide (control width = 28, minus 2 * 10 margin) */
   margin: 0 10px;
-  background-color: rgba(255,255,255,.5);
+  background-color: rgba(255,255,255,.75);
   border-radius: 2.5px;
 }
 
 .durationBox {
   -moz-box-pack: center;
 }
 
 .durationLabel {
index 75ab7fb282ad3a867d64a03dba49694c0f319d26..cfd77f65045564e2db5ee7c6c5dcf82067594f64
GIT binary patch
literal 210
zc%17D@N?(olHy`uVBq!ia0vp^qCm{W!3HFwr;FYIQY`6?zK#qG8~eHcB(eheoCO|{
z#S9F52SAuH>slu#P*AGGHKHUqKdq!Zu_%=xATcwqM9<GPM4`-B&s5LQz~D>KLZB)?
zPZ!4!3;*OF|Nq-Fa|DYnkX*%JGDnD~P<ocOXxO@lkMm`CN_onhZ%0M{pWN)u%j#+%
zdsrkR)I{hWXUgNlC$b86iKy})xMZLw72d|kV8o!Jv8_(W2xu~cr>mdKI;Vst0Jxz$
As{jB1
--- a/toolkit/themes/winstripe/global/media/videocontrols.css
+++ b/toolkit/themes/winstripe/global/media/videocontrols.css
@@ -74,24 +74,24 @@
 }
 
 /* .scale-thumb is an element inside the <scale> implementation. */
 .volumeControl .scale-thumb {
   /* Override the default thumb appearance with a custom image. */
   -moz-appearance: none;
   background: url(chrome://global/skin/media/volumeThumb.png) no-repeat center;
   border: none;
-  min-width: 16px;
-  min-height: 11px;
+  min-width: 21px;
+  min-height: 10px;
 }
 
 .volumeBackgroundBar {
   /* margin left/right: make bar 8px wide (control width = 28, minus 2 * 10 margin) */
   margin: 0 10px;
-  background-color: rgba(255,255,255,.5);
+  background-color: rgba(255,255,255,.75);
   border-radius: 2.5px;
 }
 
 .durationBox {
   -moz-box-pack: center;
 }
 
 .durationLabel {
index 75ab7fb282ad3a867d64a03dba49694c0f319d26..cfd77f65045564e2db5ee7c6c5dcf82067594f64
GIT binary patch
literal 210
zc%17D@N?(olHy`uVBq!ia0vp^qCm{W!3HFwr;FYIQY`6?zK#qG8~eHcB(eheoCO|{
z#S9F52SAuH>slu#P*AGGHKHUqKdq!Zu_%=xATcwqM9<GPM4`-B&s5LQz~D>KLZB)?
zPZ!4!3;*OF|Nq-Fa|DYnkX*%JGDnD~P<ocOXxO@lkMm`CN_onhZ%0M{pWN)u%j#+%
zdsrkR)I{hWXUgNlC$b86iKy})xMZLw72d|kV8o!Jv8_(W2xu~cr>mdKI;Vst0Jxz$
As{jB1