From 977f88dd208ed6a414b984e2817ad7994ea684eb Mon Sep 17 00:00:00 2001 From: Alex Inkin Date: Mon, 18 Sep 2023 18:25:55 +0400 Subject: [PATCH] chore: add disabled state to mobile buttons (#5418) --- .../experimental/components/button/button.style.less | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/projects/experimental/components/button/button.style.less b/projects/experimental/components/button/button.style.less index 4a05a2d34995..3874a46466f0 100644 --- 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] {