fix(button): styling for disabled anchor (#2649)

akveo · Jan 18, 2021 · 19a5b43 · 19a5b43
1 parent 8a7d52c
commit 19a5b43
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/src/framework/theme/components/button/_button-filled.scss b/src/framework/theme/components/button/_button-filled.scss
@@ -37,7 +37,8 @@
  border-color: nb-theme(button-filled-#{$status}-active-border-color);
  }
 
- &[disabled] {
+ &[disabled],
+ &.btn-disabled {
  background-color: nb-theme(button-filled-#{$status}-disabled-background-color);
  border-color: nb-theme(button-filled-#{$status}-disabled-border-color);
  color: nb-theme(button-filled-#{$status}-disabled-text-color);

diff --git a/src/framework/theme/components/button/_button-ghost.scss b/src/framework/theme/components/button/_button-ghost.scss
@@ -45,7 +45,8 @@
  color: nb-theme(button-ghost-#{$status}-active-text-color);
  }
 
- &[disabled] {
+ &[disabled],
+ &.btn-disabled {
  background-color: nb-theme(button-ghost-#{$status}-disabled-background-color);
  border-color: nb-theme(button-ghost-#{$status}-disabled-border-color);
  color: nb-theme(button-ghost-#{$status}-disabled-text-color);

diff --git a/src/framework/theme/components/button/_button-hero.scss b/src/framework/theme/components/button/_button-hero.scss
@@ -50,7 +50,8 @@
  background-image: linear-gradient(to right, $left-active-color, $right-active-color);
  }
 
- &[disabled] {
+ &[disabled],
+ &.btn-disabled {
  background-color: nb-theme(button-hero-#{$status}-disabled-background-color);
  background-image: none;
  color: nb-theme(button-hero-#{$status}-disabled-text-color);

diff --git a/src/framework/theme/components/button/_button-outline.scss b/src/framework/theme/components/button/_button-outline.scss
@@ -45,7 +45,8 @@
  color: nb-theme(button-outline-#{$status}-active-text-color);
  }
 
- &[disabled] {
+ &[disabled],
+ &.btn-disabled {
  background-color: nb-theme(button-outline-#{$status}-disabled-background-color);
  border-color: nb-theme(button-outline-#{$status}-disabled-border-color);
  color: nb-theme(button-outline-#{$status}-disabled-text-color);

diff --git a/src/framework/theme/components/button/_button.component.theme.scss b/src/framework/theme/components/button/_button.component.theme.scss
@@ -26,7 +26,8 @@
  @include nb-outline(nb-theme(button-outline-width), nb-theme(button-outline-color));
  }
 
- &[disabled] {
+ &[disabled],
+ &.btn-disabled {
  cursor: nb-theme(button-disabled-cursor);
  }