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

CASH-1340: update hop styling for focus button states

Browse source
This commit is contained in:
AdamCaouetteSafelite 2025-08-25 17:59:38 -04:00
parent 55fc7589c2
commit 085cd21da6
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/css/hop-styling.css
View file

@ -153,13 +153,13 @@ body .buttonContainer button {
} }
} }
body .buttonContainer button:focus { body .buttonContainer button:focus {
box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; box-shadow: 0 0 0 3px, 0 0 0 5.5px #db0020;
} }
body .buttonContainer button:focus, body .buttonContainer button:focus-visible { body .buttonContainer button:focus, body .buttonContainer button:focus-visible {
outline: none; outline: none;
box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; box-shadow: 0 0 0 3px, 0 0 0 5.5px #db0020;
color: #fff; color: #fff;
background: linear-gradient(270deg, rgb(6, 87, 124) 0%, rgb(6, 87, 124) 100%); background: #db0020;
} }
body .buttonContainer button:disabled { body .buttonContainer button:disabled {
background: #e3e4e4 !important; background: #e3e4e4 !important;

6
public/scss/hop-styling.scss
View file

@ -161,15 +161,15 @@ body {
cursor: pointer; cursor: pointer;
} }
&:focus { &:focus {
box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; box-shadow: 0 0 0 3px, 0 0 0 5.5px #db0020;
} }
&:focus, // Mouse, touch, stylus focus &:focus, // Mouse, touch, stylus focus
&:focus-visible { &:focus-visible {
// Keyboard focus for accessibility // Keyboard focus for accessibility
outline: none; outline: none;
box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; box-shadow: 0 0 0 3px, 0 0 0 5.5px #db0020;
color: #fff; color: #fff;
background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%); background: #db0020;
} }
&:disabled { &:disabled {
background: #e3e4e4 !important; background: #e3e4e4 !important;