Fixes transform jump on animated buttons

11 years ago · 068aa936c0
1 changed files with 3 additions and 3 deletions
--- a/src/elements/button.less
+++ b/src/elements/button.less
@ -232,7 +232,7 @@
  top: 50%;
  left: auto;
  right: -100%;
-  transform: translateY(-50%);
+  margin-top: -0.55em;
 }
 .ui.animated.button:hover .visible.content {
  left: auto;
@ -281,7 +281,7 @@
  opacity: 0;
  left: 0%;
  right: auto;
-  transform: translateY(-50%) scale(1.2);
+  transform: scale(1.2);
 }
 .ui.fade.animated.button:hover .visible.content {
  left: auto;
@ -293,7 +293,7 @@
  left: 0%;
  right: auto;
  opacity: 1;
-  transform: translateY(-50%) scale(1);
+  transform: scale(1);
 }