Bug 560592 - 'switch task' button doesn't give any push feedback when clicking on it [r=vingtetun]
authorMark Finkle <mfinkle@mozilla.com>
Mon, 26 Apr 2010 09:55:56 -0400
changeset 66170 3000aa8a1f958bf02add001a97689da32f051127
parent 66169 d19073add08b6b48b30e080455958af55841ed59
child 66171 b9eed31df8eb1d615d057431e9f9382013ef7989
push id1
push userroot
push dateTue, 26 Apr 2011 22:38:44 +0000
treeherdermozilla-beta@bfdb6e623a36 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersvingtetun
bugs560592
Bug 560592 - 'switch task' button doesn't give any push feedback when clicking on it [r=vingtetun]
mobile/themes/hildon/browser.css
--- a/mobile/themes/hildon/browser.css
+++ b/mobile/themes/hildon/browser.css
@@ -56,32 +56,52 @@
 
 /* main toolbar buttons */
 toolbarbutton.urlbar-button {
   /* space out the buttons a bit horizontally */
   margin-left: 8px; /* core spacing */
 }
 
 #tool-app-switch {
-  min-width: 64px !important;
+  margin-top: -8px; /* force the button to go to the edge */
+  margin-bottom: -8px; /* force the button to go to the edge */
+  margin-left: -8px; /* force the button to go to the edge */
+  padding-left: 8px !important; /* re-center the image */
+  min-width: 72px !important; /* 72, not 64 to make up for the negative margin */
+  min-height: 72px !important; /* 72, not 64 to make up for the negative margin */
   visibility: collapse;
   margin-right: 8px; /* core spacing */
   list-style-image: url("chrome://browser/skin/images/task-switch-40.png");
 }
 
+#tool-app-switch:hover:active {
+  background-color: #8db8d8 !important;
+  -moz-border-radius-bottomright: 6px;
+}
+
 #toolbar-main[fullscreen="true"] #tool-app-switch:not(:-moz-system-metric(maemo-classic)) {
   visibility: visible;
 }
 
 #tool-app-close {
-  min-width: 64px !important;
+  margin-top: -8px; /* force the button to go to the edge */
+  margin-bottom: -8px; /* force the button to go to the edge */
+  margin-right: -8px; /* force the button to go to the edge */
+  padding-right: 8px !important; /* re-center the image */
+  min-width: 72px !important; /* 72, not 64 to make up for the negative margin */
+  min-height: 72px !important; /* 72, not 64 to make up for the negative margin */
   visibility: collapse;
   list-style-image: url("chrome://browser/skin/images/task-close-40.png");
 }
 
+#tool-app-close:hover:active {
+  background-color: #8db8d8 !important;
+  -moz-border-radius-bottomleft: 6px;
+}
+
 #toolbar-main[fullscreen="true"] #tool-app-close {
   visibility: visible;
 }
 
 #toolbar-main[dialog="true"] #tool-app-close {
   visibility: visible;
   list-style-image: url("chrome://browser/skin/images/task-back-40.png");
 }