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

CSR-1887 update styling on dropdowns for payment page.

Browse source
This commit is contained in:
Bryan Mauger 2023-12-15 09:45:46 -05:00
parent 9698302788
commit 34e4e097ab
2 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -39,27 +39,36 @@ body input,
body select {
margin-top: 4px;
}
body input {
body input,
body select {
border-radius: 8px;
border: 1px solid #8E9292;
padding: 16px;
font-size: 16px;
color: #000;
background-color: #fff;
}
body input:focus, body input:focus-visible {
body input:focus, body input:focus-visible,
body select:focus,
body select:focus-visible {
box-shadow: 0 0 0 2.5px #1574a1;
border: none;
border: 1px solid transparent;
outline: none;
}
body input:disabled, body input.disabled {
body input:disabled, body input.disabled,
body select:disabled,
body select.disabled {
background-color: #f5f5f5;
filter: grayscale(100%);
}
body input:disabled:hover, body input.disabled:hover {
body input:disabled:hover, body input.disabled:hover,
body select:disabled:hover,
body select.disabled:hover {
box-shadow: 0 0 0 4px transparent;
border: 1px solid #8e9292;
}
body input:hover {
body input:hover,
body select:hover {
border: 1px solid #8e9292;
box-shadow: 0 0 0 4px #9fcee6;
}

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

@ -48,16 +48,18 @@ body {
margin-top: 4px;
}
input {
input,
select {
border-radius: 8px;
border: 1px solid #8E9292;
padding: 16px;
font-size: 16px;
color: #000;
background-color: #fff;
&:focus,
&:focus-visible {
box-shadow: 0 0 0 2.5px #1574a1;
border: none;
border: 1px solid transparent;
outline: none;
}
&:disabled,