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

Update button border fix for Safari/iOS.

Browse source
This commit is contained in:
bmauger 2022-03-30 10:39:39 -04:00
parent 32fed40eec
commit 7f1a4b79b4
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -58,6 +58,9 @@ export default {
@media (hover: hover) { @media (hover: hover) {
background: linear-gradient(270deg, $blue-500 0%, $blue-700 100%); background: linear-gradient(270deg, $blue-500 0%, $blue-700 100%);
} }
&:focus {
box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
}
&:focus, // Mouse, touch, stylus focus &:focus, // Mouse, touch, stylus focus
&:focus-visible { &:focus-visible {
// Keyboard focus for accessibility // Keyboard focus for accessibility
@ -88,6 +91,7 @@ export default {
&.has-loader { &.has-loader {
color: $white; color: $white;
background: $blue-700; background: $blue-700;
box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
} }
&.delay {// fixes flicker while transitioning between states &.delay {// fixes flicker while transitioning between states
transition: background 0s 0s ease-in-out; transition: background 0s 0s ease-in-out;