Adress CSS specificity causing unintended hover effect

2026-07-04 19:21:58 +00:00 · 2020-04-21 15:52:42 -07:00
parent 45392f1e87
commit fe341f1d7a
1 changed files with 2 additions and 2 deletions
@@ -104,7 +104,7 @@ const StyledButton = styled.button`
      box-shadow: 0 0 0 0.125rem #D91C5C;
    }

-    &:hover > span {
+    &:hover:not([disabled]) > span {
      background: none;
      box-shadow: 0 0.125rem 0 #D91C5C;
      border-radius: 0;
@@ -121,7 +121,7 @@ const StyledButton = styled.button`
    }

    &:focus > span,
-    &:hover > span {
+    &:hover:not([disabled]) > span {
      padding: 0.625rem;
      margin: -0.625rem;
    }