IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux(): minor tweak to validation state

Browse Source
This commit is contained in:
Torkel Ödegaard 2016-03-03 22:31:07 +01:00
parent c6a1076e3a
commit a6623357ad
2 changed files with 3 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/sass/base/_forms.scss
View File

@ -143,21 +143,6 @@ input[type="checkbox"][readonly] {
background-color: transparent;
}
// HTML5 invalid states
// Shares styles with the .control-group.error above
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
color: #b94a48;
border-color: #ee5f5b;
&:focus {
border-color: darken(#ee5f5b, 10%);
$shadow: 0 0 6px lighten(#ee5f5b, 20%);
@include box-shadow($shadow);
}
}
input[type=text].input-fluid {
width: 100%;
box-sizing: border-box;

5
public/sass/utils/_validation.scss
View File

@ -1,7 +1,8 @@
input[type=text].ng-dirty.ng-invalid {
box-shadow: inset 0 0px 7px $red;
}
input.ng-dirty.ng-invalid {
color: $errorText;
box-shadow: inset 0 0px 5px $red;
}