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

Merge pull request #220 from Safelite/BMR-validation-styling-updates

Browse source 
Update validation styling, add cursor to disabled button.
This commit is contained in:
bmauger 2022-02-16 11:49:06 -05:00 committed by GitHub
commit 840ea6b3b0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 11 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;

1
src/ux-components/list-button-horizontal/list-button-horizontal.vue
View file

@ -166,6 +166,7 @@ export default {
label { label {
border-bottom-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;
border-top-left-radius: 0.5rem; border-top-left-radius: 0.5rem;
z-index: 2;
} }
} }
&:last-of-type { &:last-of-type {