jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update validation styling, add cursor to disabled button.

Browse source
This commit is contained in:
bmauger 2022-02-16 11:29:40 -05:00
parent b72e9b8a58
commit c3f308cf7e
2 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/styles/common-error-styles.scss
View file

@ -9,6 +9,8 @@
} }
} }
input[type=checkbox]:focus + label, input[type=checkbox]:focus + label,
input[type=radio]:focus + label,
input[type=checkbox]:checked + label,
input[type=radio]:checked + label { input[type=radio]:checked + label {
box-shadow: 0 0 0 2.5px transparent !important; box-shadow: 0 0 0 2.5px transparent !important;
} }
@ -30,7 +32,8 @@
&.btn.btn-primary { &.btn.btn-primary {
color: $gray; color: $gray;
background: $gray-200; background: $gray-200;
cursor: default; cursor: pointer;
pointer-events: all;
} }
&.btn.btn-primary:hover, &.btn.btn-primary:hover,
&.btn.btn-primary:focus, &.btn.btn-primary:focus,

10
src/ux-components/button-main/button-main.vue
View file

@ -76,16 +76,18 @@ export default {
); );
} }
&:disabled { &:disabled {
background: $gray-100 !important; background: $gray-200 !important;
background: linear-gradient( background: linear-gradient(
270deg, 270deg,
$gray-100 0%, $gray-200 0%,
$gray-100 100% $gray-200 100%
) !important; ) !important;
color: $gray !important; color: $gray-550 !important;
height: 48px; height: 48px;
border: none; border: none;
border-radius: $border-radius-lg; border-radius: $border-radius-lg;
cursor: pointer;
pointer-events: all;
} }
&.has-loader { &.has-loader {
color: $white; color: $white;