taler-typescript-core

commit bb0955d89c32471fb228326e96a721fcd346d0d1
parent 8e6bf990069b9c3ae033321b5aeb4d46fa6501e6
Author: Sebastian <sebasjm@gmail.com>
Date:   Wed,  7 Dec 2022 09:06:42 -0300

fix: remove red style when input is invalid

Diffstat:
M
packages/demobank-ui/src/scss/bank.scss
 | 
2
+-
M
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
@@ -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
@@ -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;