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

CSR-198 add loader to primary and secondary buttons.

Browse source 
Update alert button size and position.
This commit is contained in:
bmauger 2021-11-30 11:18:07 -05:00
parent e8c285450a
commit dd4ca61d86
2 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/styles/common-button-styles.scss
View file

@ -16,6 +16,8 @@
&:focus-visible { // Keyboard focus for accessibility &:focus-visible { // Keyboard focus for accessibility
outline: none; outline: none;
box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700; box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
color: $white;
@include blue-gradient;
} }
&:disabled { &:disabled {
background: $gray-100 !important; background: $gray-100 !important;
@ -42,6 +44,8 @@
&:focus-visible { // Keyboard focus for accessibility &:focus-visible { // Keyboard focus for accessibility
outline: none; outline: none;
box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $blue-700; box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $blue-700;
color: $white;
@include blue-gradient;
} }
&:disabled { &:disabled {
background: transparent; background: transparent;

4
src/ux-components/alert/alert.vue
View file

@ -39,10 +39,14 @@ export default {
.btn-close { .btn-close {
background: none; background: none;
opacity: 1; opacity: 1;
width: .75rem;
height: .75rem;
} }
&.alert-dismissible { &.alert-dismissible {
button { button {
display: flex; display: flex;
top: 2px;
right: 2px;
} }
} }
&.alert-info { &.alert-info {