diff options
author | Sebastian <sebasjm@gmail.com> | 2022-12-07 09:06:42 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-12-07 16:08:14 -0300 |
commit | bb0955d89c32471fb228326e96a721fcd346d0d1 (patch) | |
tree | d7fe8f52d6345ddbec30bf2c80c08c6ffb4ff642 | |
parent | 8e6bf990069b9c3ae033321b5aeb4d46fa6501e6 (diff) | |
download | wallet-core-bb0955d89c32471fb228326e96a721fcd346d0d1.tar.xz |
fix: remove red style when input is invalid
-rw-r--r-- | packages/demobank-ui/src/scss/bank.scss | 2 | ||||
-rw-r--r-- | packages/demobank-ui/src/scss/pure.scss | 28 |
2 files changed, 18 insertions, 12 deletions
diff --git a/packages/demobank-ui/src/scss/bank.scss b/packages/demobank-ui/src/scss/bank.scss index da3b89e46..dba2ee3d3 100644 --- a/packages/demobank-ui/src/scss/bank.scss +++ b/packages/demobank-ui/src/scss/bank.scss @@ -139,7 +139,7 @@ input { */ #main .currency-indicator { color: black; - border-radius: 0px 4px 4px 0px; + border-radius: 4px 0px 0px 4px; position: relative; } diff --git a/packages/demobank-ui/src/scss/pure.scss b/packages/demobank-ui/src/scss/pure.scss index af98eb293..652d20edf 100644 --- a/packages/demobank-ui/src/scss/pure.scss +++ b/packages/demobank-ui/src/scss/pure.scss @@ -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; |