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

Merge pull request #217 from Safelite/CSR-266-validation-validation

Browse source 
CSR-266 update styles. Very minor style update.
This commit is contained in:
bmauger 2022-02-15 17:59:05 -05:00 committed by GitHub
commit 9d40c9c29f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/component-test/component-test.vue
View file

@ -62,7 +62,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col my-3 d-flex align-items-center"> <div class="col my-3 d-flex align-items-center">
<buttonMain buttonText="secondary" loaderColor="white" sizeInRem="1" /> <buttonMain buttonText="Secondary" loaderColor="white" sizeInRem="1" />
</div> </div>
</div> </div>
<div class="row"> <div class="row">

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

@ -2,16 +2,24 @@
&.list-button, &.list-button,
&.list-card, &.list-card,
&.list-button-horizontal { &.list-button-horizontal {
border: 1px solid transparent;
box-shadow: 0 0 0 1px $red;
color: $red; color: $red;
label { label {
border: 1px solid $red; box-shadow: 0 0 0 2.5px $red;
border-radius: .5rem;
} }
} }
input[type=checkbox]:focus + label,
input[type=radio]:checked + label {
box-shadow: 0 0 0 2.5px transparent;
}
} }
.form-test-error { .form-test-error {
color: $red; color: $red;
font-weight: bold; font-size: .875rem;
font-weight: 500;
} }
.form-test-invalid { .form-test-invalid {
@ -28,4 +36,4 @@
box-shadow: none; box-shadow: none;
} }
} }

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

@ -85,6 +85,10 @@ export default {
border: none; border: none;
border-radius: $border-radius-lg; border-radius: $border-radius-lg;
} }
&.has-loader {
color: $white;
background: $blue-700;
}
} }
&.btn-secondary { &.btn-secondary {
position: relative; position: relative;
@ -97,6 +101,10 @@ export default {
color: $white; color: $white;
@include blue-gradient; @include blue-gradient;
} }
&:active {
@include blue-gradient;
color: $white;
}
&:focus, // Mouse, touch, stylus focus &:focus, // Mouse, touch, stylus focus
&:focus-visible { &:focus-visible {
// Keyboard focus for accessibility // Keyboard focus for accessibility