chore: add disabled state to mobile buttons

taiga-family · Sep 18, 2023 · 4473826 · 4473826
1 parent e0ccf9d
commit 4473826
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/projects/experimental/components/button/button.style.less b/projects/experimental/components/button/button.style.less
@@ -44,6 +44,7 @@
         --t-size: var(--tui-height-m);
         --t-radius: var(--tui-radius-m);
         font: var(--tui-font-text-m);
+        font-weight: bold;
         padding: 0 1rem 0 0.625rem;
         text-indent: 0.375rem;
         gap: 0.125rem;
@@ -53,6 +54,7 @@
         --t-size: var(--tui-height-l);
         --t-radius: var(--tui-radius-l);
         font: var(--tui-font-text-m);
+        font-weight: bold;
         padding: 0 1.25rem 0 1rem;
         text-indent: 0.25rem;
         gap: 0.25rem;
@@ -76,6 +78,16 @@
     * {
         text-indent: 0;
     }
+
+    &:disabled:not(._loading):not([data-platform='web']) {
+        background: var(--tui-clear);
+        color: var(--tui-clear-active);
+        opacity: 1;
+
+        &[data-appearance='flat'] {
+            background: transparent;
+        }
+    }
 }
 
 [tuiButtonNew] [tuiIconRight] {