verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 57 Releases Wiki Activity

Bug #137 Refactorización Textfield

This commit is contained in:
gerard 2018-06-20 14:15:14 +02:00
parent 37e52b54b0
commit b22e41c983
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/core/src/components/textfield/style.scss
View File

@ -107,4 +107,22 @@ vn-textfield {
width: 100%!important; width: 100%!important;
} }
} }
& > div.container > div.textField > div.infix.invalid{
@extend div.selected;
& > span.mdl-textfield__error{
visibility: visible;
margin-top: 9px;
}
& > label{
color: #d50000;
}
}
.infix.invalid + .underline {
&{
background-color: #d50000;
}
}
} }

5
client/core/src/components/textfield/textfield.html
View File

@ -22,6 +22,8 @@
<label class="label" translate>{{::$ctrl.label}}</label> <label class="label" translate>{{::$ctrl.label}}</label>
</div> </div>
<div class="underline"></div>
<div class="selected underline"></div>
<div class="suffix"> <div class="suffix">
<i class="material-icons pointer" <i class="material-icons pointer"
ng-class="{visible: !$ctrl.disabled && $ctrl.hasValue && ($ctrl.hasFocus || $ctrl.hasMouseIn)}" ng-class="{visible: !$ctrl.disabled && $ctrl.hasValue && ($ctrl.hasFocus || $ctrl.hasMouseIn)}"
@ -36,7 +38,4 @@
</div> </div>
<div class="rightIcons"></div> <div class="rightIcons"></div>
</div> </div>
<div class="underline"></div>
<div class="selected underline"></div>
</div> </div>