Bug 735564 - about:newtab has on-hover UI that doesn't work well with touch-screens. r=ttaubert a=lsblakk
authorBlair McBride <bmcbride@mozilla.com>
Wed, 21 Mar 2012 17:16:19 +1300
changeset 91870 15c41c2337fb3518826ba236854a0661c416d219
parent 91869 3d220e21f6f74a0cde6b4086dde1bdc242ec24b2
child 91871 df303dada20eef25370fe0326b38c76782fddaff
push idunknown
push userunknown
push dateunknown
reviewersttaubert, lsblakk
bugs735564
milestone13.0a2
Bug 735564 - about:newtab has on-hover UI that doesn't work well with touch-screens. r=ttaubert a=lsblakk
browser/base/content/newtab/newTab.css
--- a/browser/base/content/newtab/newTab.css
+++ b/browser/base/content/newtab/newTab.css
@@ -156,16 +156,22 @@ input[type=button] {
 .newtab-site:hover > .newtab-control {
   opacity: 1;
 }
 
 .newtab-control[dragged] {
   opacity: 0 !important;
 }
 
+@media (-moz-touch-enabled) {
+  .newtab-control {
+    opacity: 1;
+  }
+}
+
 .newtab-control-pin:-moz-locale-dir(ltr),
 .newtab-control-block:-moz-locale-dir(rtl) {
   left: 4px;
 }
 
 .newtab-control-block:-moz-locale-dir(ltr),
 .newtab-control-pin:-moz-locale-dir(rtl) {
   right: 4px;