diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss index 71ae4f2f3..880d54acc 100644 --- a/src/styles/common-error-styles.scss +++ b/src/styles/common-error-styles.scss @@ -9,6 +9,8 @@ } } input[type=checkbox]:focus + label, + input[type=radio]:focus + label, + input[type=checkbox]:checked + label, input[type=radio]:checked + label { box-shadow: 0 0 0 2.5px transparent !important; } @@ -30,7 +32,8 @@ &.btn.btn-primary { color: $gray; background: $gray-200; - cursor: default; + cursor: pointer; + pointer-events: all; } &.btn.btn-primary:hover, &.btn.btn-primary:focus, diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue index e4a3e6acb..3b8b744f5 100644 --- a/src/ux-components/button-main/button-main.vue +++ b/src/ux-components/button-main/button-main.vue @@ -76,16 +76,18 @@ export default { ); } &:disabled { - background: $gray-100 !important; + background: $gray-200 !important; background: linear-gradient( 270deg, - $gray-100 0%, - $gray-100 100% + $gray-200 0%, + $gray-200 100% ) !important; - color: $gray !important; + color: $gray-550 !important; height: 48px; border: none; border-radius: $border-radius-lg; + cursor: pointer; + pointer-events: all; } &.has-loader { color: $white;