fix(spindle-ui): add TextButton disabled style

openameba · Oct 6, 2023 · dc6f5ac · dc6f5ac
1 parent c5b90ad
commit dc6f5ac
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/spindle-ui/src/TextButton/TextButton.css b/packages/spindle-ui/src/TextButton/TextButton.css
@@ -27,6 +27,10 @@
   -webkit-tap-highlight-color: var(--TextButton-tapHighlightColor);
 }
 
+.spui-TextButton:disabled {
+  opacity: 0.3;
+}
+
 .spui-TextButton:focus {
   outline: 2px solid var(--TextButton-onFocus-outlineColor);
   outline-offset: 1px;
@@ -79,6 +83,10 @@
   text-decoration: none;
 }
 
+.spui-TextButton:disabled {
+  text-decoration: none;
+}
+
 @media (hover: hover) {
   .spui-TextButton:hover {
     text-decoration: none;
@@ -87,4 +95,8 @@
   :is(.spui-TextButton--hasIcon, .spui-TextButton--underlinehover):hover {
     text-decoration: underline;
   }
+
+  .spui-TextButton:disabled:hover {
+    text-decoration: none;
+  }
 }