From 4a1ebd2183be731b133a070ac288c701ef5b640c Mon Sep 17 00:00:00 2001 From: E515964 Date: Mon, 24 Jun 2019 16:54:47 +0200 Subject: [PATCH] fix(business/button): change font opacity for disabled buttons --- .../lib/button/button/button.component.scss | 18 ++++++++++++++++++ .../lib/button/styles/_button-variables.scss | 5 +++++ 2 files changed, 23 insertions(+) diff --git a/projects/sbb-esta/angular-business/src/lib/button/button/button.component.scss b/projects/sbb-esta/angular-business/src/lib/button/button/button.component.scss index 8760380bea..1dda07ef7e 100644 --- a/projects/sbb-esta/angular-business/src/lib/button/button/button.component.scss +++ b/projects/sbb-esta/angular-business/src/lib/button/button/button.component.scss @@ -29,4 +29,22 @@ &:disabled { opacity: 0.4; } + + &-primary.sbb-button-has-icon:disabled, + &-primary:not(.sbb-button-has-icon):disabled, + &-alternative.sbb-button-has-icon:disabled, + &-alternative:not(.sbb-button-has-icon):disabled { + color: rgba($buttonDefaultColor, 0.5); + } + + &-secondary.sbb-button-has-icon:disabled, + &-secondary:not(.sbb-button-has-icon):disabled, + &-icon:disabled { + color: rgba($buttonSecondaryColor, 0.5); + } + + &-ghost.sbb-button-has-icon, + &-ghost:not(.sbb-button-has-icon) { + color: rgba($buttonSecondaryColor, 0.4); + } } diff --git a/projects/sbb-esta/angular-public/src/lib/button/styles/_button-variables.scss b/projects/sbb-esta/angular-public/src/lib/button/styles/_button-variables.scss index b4a3b0a920..0285bb5055 100644 --- a/projects/sbb-esta/angular-public/src/lib/button/styles/_button-variables.scss +++ b/projects/sbb-esta/angular-public/src/lib/button/styles/_button-variables.scss @@ -23,3 +23,8 @@ $buttonGhostBorderColorHover: $sbbColorIron; $buttonFramelessColor: $sbbColorIron; $buttonFramelessColorHover: $sbbColorRed125; $buttonDisabledBorderColor: $sbbColorGreyMedium; + +@if $sbbBusiness { + $buttonGhostColor: $sbbColorGranite; + $buttonGhostBorderColor: $sbbColorGranite; +}