wider volume buttons

svn path=/trunk/; revision=173

diff --git a/static/common.css b/static/common.css
index 012757a2c779508746289c99601ad24bc986bd6a..312176ce6611784137bfa48cf4f8b77b3052741c 100644 (file)
--- a/static/common.css
+++ b/static/common.css
@@ -447,10 +447,19 @@ form#advctl.playctl fieldset.volume { height: 4em; }
 form.playctl fieldset.volume button[name="amp"] {position: absolute; width: 50%; height: 4em; top: 0;}
 form.playctl fieldset.volume button[value="off"] {left:0;}
 form.playctl fieldset.volume button[value="on"] {right:0;}
-form.playctl fieldset.volume button[name="vol"] {position: relative; display: inline-block; width: 4%;}
-form.playctl fieldset.volume button[name="vol"].selected { background-color: #FA6;}
-form.playctl fieldset.volume button[name="vol"][value="100"],
-form.playctl fieldset.volume button[name="vol"][value="0"] { width: 4%;}
+form.playctl fieldset.volume button[name="vol"] {
+  position: relative; display: inline-block;
+  width: 4%;
+  border: 1px solid black; border-right: none;
+}
+form.playctl fieldset.volume button[name="vol"].selected { width: 2%; background-color: #FA6;}
+form.playctl fieldset.volume button[name="vol"].lselected,
+form.playctl fieldset.volume button[name="vol"].gselected { width: 7.5%;}
+form.playctl fieldset.volume button[name="vol"].llselected,
+form.playctl fieldset.volume button[name="vol"].ggselected { width: 6.5%;}
+
+/*form.playctl fieldset.volume button[name="vol"][value="100"],
+  form.playctl fieldset.volume button[name="vol"][value="0"] { width: 4%;}*/
 form.playctl fieldset.pasink button { width: 100%; height: 3em;}
 
 span.progress {

diff --git a/templates/playctl.html.sh b/templates/playctl.html.sh
index 9152db4e4f0f637d9819c2d61c616ecb4dcc2e05..28f51cff5005e785d383bfa600606de6ac202ef1 100755 (executable)
--- a/templates/playctl.html.sh
+++ b/templates/playctl.html.sh
@@ -75,7 +75,13 @@ cat <<EOF
     </fieldset>
     <fieldset class="volume">
       $(for n in $(seq 0 5 100); do
-        printf '<button class="%s" type="submit" name="vol" value="%s">&nbsp;</button>' "$([ "$volume" = "$n" ] && printf selected)" "$n"
+        printf '<button class="%s" type="submit" name="vol" value="%s">&nbsp;</button>' \
+          "$( [ "$n" = "$volume" ] && printf selected
+              [ "$n" = "$((volume - 10))" ] && printf llselected
+              [ "$n" = "$((volume -  5))" ] && printf  lselected
+              [ "$n" = "$((volume +  5))" ] && printf  gselected
+              [ "$n" = "$((volume + 10))" ] && printf ggselected
+           )" "$n"
       done)
     </fieldset>
   </form>