chore(addon-mobile): fix disable button appearance on mobile

taiga-family · Dec 16, 2024 · 98c66af · 98c66af
1 parent 8374088
commit 98c66af
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/projects/addon-mobile/styles/common/button.less b/projects/addon-mobile/styles/common/button.less
@@ -19,18 +19,21 @@
         font-weight: bold;
     }
 
-    &[data-appearance^='primary']:disabled:not(._loading),
-    &[data-appearance^='secondary']:disabled:not(._loading),
-    &[data-appearance^='accent']:disabled:not(._loading),
-    &[data-appearance^='destructive']:disabled:not(._loading),
-    &[data-appearance^='opposite']:disabled:not(._loading),
-    &[data-appearance^='flat']:disabled:not(._loading) {
-        background: var(--tui-background-neutral-1);
-        color: var(--tui-text-tertiary);
-        opacity: 1;
+    &[data-appearance^='primary'],
+    &[data-appearance^='secondary'],
+    &[data-appearance^='accent'],
+    &[data-appearance^='destructive'],
+    &[data-appearance^='opposite'],
+    &[data-appearance^='flat'] {
+        &:disabled:not(._loading),
+        &[data-state='disabled']:not(._loading) {
+            background: var(--tui-background-neutral-1);
+            color: var(--tui-text-tertiary);
+            opacity: 1;
 
-        &[data-appearance^='flat'] {
-            background: transparent;
+            &[data-appearance^='flat'] {
+                background: transparent;
+            }
         }
     }
 }