From fb7c98c04b3d585abbe96866ab2fedc03d95d47b Mon Sep 17 00:00:00 2001 From: piensaenpixel Date: Wed, 10 May 2017 11:28:38 +0200 Subject: [PATCH] fix loading state --- src/scss/cdb-components/buttons.scss | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/src/scss/cdb-components/buttons.scss b/src/scss/cdb-components/buttons.scss index 6cb0bbc..50d0eed 100644 --- a/src/scss/cdb-components/buttons.scss +++ b/src/scss/cdb-components/buttons.scss @@ -198,6 +198,8 @@ Layout Component: @include transition(all 600ms); } &.is-loading { + cursor: default; + .CDB-Button-loader { animation-name: showIn; animation-duration: 600ms; @@ -245,6 +247,15 @@ Layout Component: background: darken($cBlue, 16%); } + &.is-loading { + &:hover { + background: $cBlue; + } + &:active { + background: $cBlue; + } + } + &.is-disabled { &:hover { background: $cBlue; @@ -414,6 +425,20 @@ Layout Component: background: transparent; } } + + &.is-loading { + cursor: default; + + &:hover { + background: $cWhite; + color: $cBlue; + } + &:active { + background: $cWhite; + color: $cBlue; + } + } + }