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 { #main .currency-indicator {
color: black; color: black;
border-radius: 0px 4px 4px 0px; border-radius: 4px 0px 0px 4px;
position: relative; 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; border-color: #ccc;
} }
.pure-form input:focus:invalid, /**
.pure-form textarea:focus:invalid, * Even if we add novalidate property
.pure-form select:focus:invalid { * in the form, the styles are applied for
color: #b94a48; * invalid elements so we need to remove this styles
border-color: #e9322d; *
} */
.pure-form input[type="file"]:focus:invalid:focus, // .pure-form input:focus:invalid,
.pure-form input[type="radio"]:focus:invalid:focus, // .pure-form textarea:focus:invalid,
.pure-form input[type="checkbox"]:focus:invalid:focus { // .pure-form select:focus:invalid {
outline-color: #e9322d; // 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 { .pure-form select {
/* Normalizes the height; padding is not sufficient. */ /* Normalizes the height; padding is not sufficient. */
height: 2.25em; height: 2.25em;