Skip to content
Snippets Groups Projects
Commit 70cfe7a6 authored by Robert Goldmann's avatar Robert Goldmann
Browse files

#563 - fixed validation color

parent ecc85a97
No related branches found
No related tags found
No related merge requests found
...@@ -53,7 +53,7 @@ main { ...@@ -53,7 +53,7 @@ main {
} }
/* label underline focus color */ /* label underline focus color */
.input-field input[type=text]:focus { .input-field input[type=text]:focus:not(.invalid) {
border-bottom: 1px solid var(--color-blue) !important; border-bottom: 1px solid var(--color-blue) !important;
box-shadow: 0 1px 0 0 #CCCCCC !important; box-shadow: 0 1px 0 0 #CCCCCC !important;
} }
...@@ -487,6 +487,7 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa ...@@ -487,6 +487,7 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
} }
/* dark theme */ /* dark theme */
[data-theme="dark"] .budgetmaster-text-update { [data-theme="dark"] .budgetmaster-text-update {
color: #212121 !important; color: #212121 !important;
} }
...@@ -584,11 +585,16 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa ...@@ -584,11 +585,16 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
} }
/* label underline focus color */ /* label underline focus color */
[data-theme="dark"] .input-field input[type=text]:focus { [data-theme="dark"] .input-field input[type=text]:focus:not(.invalid) {
border-bottom: 1px solid var(--color-blue) !important; border-bottom: 1px solid var(--color-blue) !important;
box-shadow: 0 1px 0 0 var(--color-blue) !important; box-shadow: 0 1px 0 0 var(--color-blue) !important;
} }
[data-theme="dark"] .input-field input[type=text].invalid {
border-bottom: 1px solid #F44336 !important;
box-shadow: 0 1px 0 0 #F44336 !important;
}
/* input password color */ /* input password color */
[data-theme="dark"] .input-field input[type=password] { [data-theme="dark"] .input-field input[type=password] {
color: var(--color-white) !important; color: var(--color-white) !important;
......
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
<div class="row"> <div class="row">
<div class="input-field col s12 m12 l8 offset-l2"> <div class="input-field col s12 m12 l8 offset-l2">
<i class="material-icons prefix">edit</i> <i class="material-icons prefix">edit</i>
<input class="autocomplete" autocomplete="off" id="transaction-name" type="text" name="name" <@validation.validation "name"/> value="<#if transaction.getName()??>${transaction.getName()}</#if>"> <input autocomplete="off" id="transaction-name" type="text" name="name" <@validation.validation "name" "autocomplete"/> value="<#if transaction.getName()??>${transaction.getName()}</#if>">
<label class="input-label" for="transaction-name">${locale.getString("transaction.new.label.name")}</label> <label class="input-label" for="transaction-name">${locale.getString("transaction.new.label.name")}</label>
</div> </div>
</div> </div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment