taler/wallet-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

fix: remove red style when input is invalid

Browse Source
This commit is contained in:
Sebastian 2022-12-07 09:06:42 -03:00
parent 8e6bf99006
commit bb0955d89c
No known key found for this signature in database
GPG Key ID: BE4FF68352439FC1
2 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/demobank-ui/src/scss/bank.scss
View File

@ -139,7 +139,7 @@ input {
*/
#main .currency-indicator {
color: black;
border-radius: 0px 4px 4px 0px;
border-radius: 4px 0px 0px 4px;
position: relative;
}

28
packages/demobank-ui/src/scss/pure.scss
View File

@ -910,17 +910,23 @@ since IE8 won't execute CSS that contains a CSS3 selector.
border-color: #ccc;
}
.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
color: #b94a48;
border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
outline-color: #e9322d;
}
/**
* Even if we add novalidate property
* in the form, the styles are applied for
* invalid elements so we need to remove this styles
*
*/
// .pure-form input:focus:invalid,
// .pure-form textarea:focus:invalid,
// .pure-form select:focus:invalid {
// color: #b94a48;
// border-color: #e9322d;
// }
// .pure-form input[type="file"]:focus:invalid:focus,
// .pure-form input[type="radio"]:focus:invalid:focus,
// .pure-form input[type="checkbox"]:focus:invalid:focus {
// outline-color: #e9322d;
// }
.pure-form select {
/* Normalizes the height; padding is not sufficient. */
height: 2.25em;