Merge pull request #5544 from brave/button-hover

new Brave button hover states
brave · Nov 13, 2016 · 08510c9 · 08510c9
2 parents b3a61d7 + af790d6
commit 08510c9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/app/extensions/brave/img/braveBtn_hover.png b/app/extensions/brave/img/braveBtn_hover.png
diff --git a/less/navigationBar.less b/less/navigationBar.less
@@ -543,10 +543,6 @@
         -webkit-filter: grayscale(100%);
       }
 
-      &:not(.braveShieldsDisabled):hover {
-        -webkit-filter: brightness(0.7);
-      }
-
       &.braveShieldsDisabled {
         -webkit-filter: grayscale(100%);
         opacity: 0.4;
@@ -926,4 +922,10 @@
                                       url(../app/extensions/brave/img/braveBtn3x.png) 3x);
   background-repeat: no-repeat;
   height: 24px;
+
+  &:hover {
+    background-image: -webkit-image-set(url(../app/extensions/brave/img/braveBtn_hover.png) 1x,
+                                        url(../app/extensions/brave/img/braveBtn2x_hover.png) 2x,
+                                        url(../app/extensions/brave/img/braveBtn3x_hover.png) 3x);
+  }
 }