diff --git a/lib/gui/components/progress-button/styles/_progress-button.scss b/lib/gui/components/progress-button/styles/_progress-button.scss index a958d9a2..6e0ae820 100644 --- a/lib/gui/components/progress-button/styles/_progress-button.scss +++ b/lib/gui/components/progress-button/styles/_progress-button.scss @@ -47,6 +47,8 @@ $progress-button-stripes-animation-duration: 1s; .progress-button { @extend .button; @extend .button-primary; + + overflow: hidden; &[active="true"] { background-color: $palette-theme-warning-background; diff --git a/lib/gui/css/main.css b/lib/gui/css/main.css index 1a33c79d..d08f9b28 100644 --- a/lib/gui/css/main.css +++ b/lib/gui/css/main.css @@ -6315,16 +6315,16 @@ body { * * */ -.progress-button[active="true"] { - background-color: #ff912f; } - -.progress-button .progress-button__bar { - background-color: #ff9e49; } - -.progress-button.progress-button--striped { - background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #bd6415), color-stop(0.26, #fa9134), color-stop(0.5, #fa9134), color-stop(0.51, #bd6415), color-stop(0.75, #bd6415), color-stop(0.76, #fa9134), to(#fa9134)); } - .progress-button.progress-button--striped .progress-button__bar { +.progress-button { + overflow: hidden; } + .progress-button[active="true"] { + background-color: #ff912f; } + .progress-button .progress-button__bar { background-color: #ff9e49; } + .progress-button.progress-button--striped { + background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #bd6415), color-stop(0.26, #fa9134), color-stop(0.5, #fa9134), color-stop(0.51, #bd6415), color-stop(0.75, #bd6415), color-stop(0.76, #fa9134), to(#fa9134)); } + .progress-button.progress-button--striped .progress-button__bar { + background-color: #ff9e49; } .progress-button__content { position: relative;