Merge pull request #3 from jostw/josyeh/Marketplace/master/Bug1225358

Bug 1225358 - [TV][2.5] Highlight the icon of the app when navigating to an app
mozilla-b2g · Dec 11, 2015 · 8d8a2c2 · 8d8a2c2
2 parents a488ab3 + df024b3
commit 8d8a2c2
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/media/css/app-list.styl b/src/media/css/app-list.styl
@@ -30,12 +30,26 @@
 
     width: 150px;
     height: 150px;
+    outline: 0;
     border-radius: 100%;
     overflow: hidden;
 
     color: $greyscale-light-grey;
     background-color: $greyscale-light-grey;
 
+    backface-visibility: hidden;
+
+    transition: border-width .5s,
+                transform .5s;
+
+    &:focus {
+        z-index: 1;
+
+        border: 8px solid $greyscale-white;
+
+        transform: scale(1.5);
+    }
+
     img {
         width: 100%;
         height: auto;