Changeset 644 for trunk/packages/sipb-xen-www

Timestamp:

Jun 23, 2008, 4:21:21 AM (17 years ago)

Author:

andersk

Message:

Power button tweaks from the hackathon.

Location:

trunk/packages/sipb-xen-www/code

Files:

• static/power_button.png (deleted)
• static/power_button_off.png (modified) (previous)
• static/power_button_off_to_on.png (deleted)
• static/power_button_off_to_on_bg.png (deleted)
• static/power_button_on.png (modified) (previous)
• static/power_button_on_to_off.png (deleted)
• static/power_button_on_to_off_bg.png (deleted)
• static/style.css (modified) (1 diff)
• templates/list.tmpl (modified) (1 diff)

trunk/packages/sipb-xen-www/code/static/style.css

@@ -76 +76 @@
 
 /* Machine list power buttons */
-.power.on:hover {
-  background: url(/static/power_button_on_to_off_bg.png);
+.power {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  background-position: 0 0;
+  margin: 0;
+  border: 0;
+  text-indent: 64px;
+  line-height: 128px;
+  cursor: pointer;
 }
-.power.off:hover {
-  background: url(/static/power_button_off_to_on_bg.png);
+.power:hover {
+  background-position: 0 32px;
+}
+.power.on {
+  background-image: url(power_button_on.png);
+}
+.power.off {
+  background-image: url(power_button_off.png);
 }
 
 /* Striping applied (by JavaScript) to every other row in /list. */
 tr.stripedrow {
-  background-color: #DDF;
+  background-color: #e8e8ff;
 }
 
-#machinelist tr > td:first-child {
-  padding-right: 1em;
+#machinelist td, #machinelist th {
+  padding: 0.1em 0.5em;
 }

trunk/packages/sipb-xen-www/code/templates/list.tmpl

@@ -114 +114 @@
             <input type="hidden" name="machine_id"
                    value="$machine.machine_id"/>
-<input type="image" class="power #slurp
+<input type="submit" class="power #slurp
 #if $machine.uptime then 'on' else 'off'
 " name="action" value="#slurp
 #if $machine.uptime then 'Power off' else 'Power on'
-" src="#slurp
-#if $machine.uptime then 'static/power_button_on.png' else 'static/power_button_off.png'
 "/>
           </form>