Merge pull request #231 from vulcanr/issue-225

Fix for hover on icon buttons
mortendk · Dec 13, 2017 · 61c9f01 · 61c9f01
2 parents eb83e49 + 8df16b0
commit 61c9f01
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/eleven/templates/component/navigation/dropbutton/smallbuttons.css b/eleven/templates/component/navigation/dropbutton/smallbuttons.css
@@ -20,7 +20,7 @@
   background-color: var(--white);
   background-image: none ! important; /* yes we wanna make sure no module have fun here */
   content: "";
-  transition: 0.2s ease-in;
+  /*transition: 0.2s ease-in;*/
 
           mask-image: var(--icon-coffee);
   -webkit-mask-image: var(--icon-coffee);
@@ -44,10 +44,17 @@
           mask-image: var(--icon-coffee);
   -webkit-mask-image: var(--icon-coffee);
 }
-
+.smallbtn:after {
+  color: transparent;
+  display: none;
+}
 .smallbtn:hover:before {
   background-color: var(--asphalt);
 }
+.smallbtn:hover:after {
+  color: var(--white);
+  display: block;
+}
 
 /* icons */
 /* edit */