Fix bug with buttons

Former-commit-id: 10e9140 [formerly 10e9140 [formerly 617632f]] Former-commit-id: 630467a8ebac91c8189b1399786c5d5d0cb142be Former-commit-id: efdaa2f
wexond · Oct 7, 2018 · 086aa1a · 086aa1a
1 parent 5a12303
commit 086aa1a
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/shared/components/Button/styles.ts b/src/shared/components/Button/styles.ts
@@ -62,21 +62,21 @@ export const StyledButton = styled.div`
     color: ${getComponentColor(foreground, true, disabled, theme, false)}};
     border: ${getBorder(isOutlined, theme)};
     cursor: ${disabled ? 'unset' : 'pointer'};
-    pointer-events: ${disabled ? 'none' : 'all'};
+    pointer-events: ${disabled ? 'none' : 'inherit'};
 
-    &::after {
+    &::before {
       content: '';
-      width: calc(100% + 1px);
+      width: calc(100% + 2px);
       height: 100%;
       top: 0;
-      left: 0;
+      left: -1px;
       position: absolute;
       background-color: ${foreground};
       opacity: 0;
       transition: 0.2s opacity;
     }
 
-    &:hover::after {
+    &:hover::before {
       opacity: 0.12;
     }
   `};