sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Reorganize field validity styles

Browse Source 
* The field border style was previously moved up to the field
* Validity colors should be shown regardless of focus state
This commit is contained in:
J. Ryan Stinnett
2019-03-12 14:02:54 +00:00
parent edb7f39ec9
commit b8925d857d
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/views/elements/_Field.scss
+19 -19
View File
@@ -141,28 +141,28 @@ limitations under the License.
color: $greyed-fg-color; color: $greyed-fg-color;
} }
.mx_Field_valid input, .mx_Field_valid {
.mx_Field_valid select, &.mx_Field,
.mx_Field_valid textarea { &.mx_Field:focus-within {
border-color: $input-valid-border-color ! important; border-color: $input-valid-border-color;
}
&.mx_Field label,
&.mx_Field:focus-within label {
color: $input-valid-border-color;
}
} }
.mx_Field_valid input + label, .mx_Field_invalid {
.mx_Field_valid select + label, &.mx_Field,
.mx_Field_valid textarea + label { &.mx_Field:focus-within {
color: $input-valid-border-color ! important; border-color: $input-invalid-border-color;
} }
.mx_Field_invalid input, &.mx_Field label,
.mx_Field_invalid select, &.mx_Field:focus-within label {
.mx_Field_invalid textarea { color: $input-invalid-border-color;
border-color: $input-invalid-border-color ! important; }
}
.mx_Field_invalid input + label,
.mx_Field_invalid select + label,
.mx_Field_invalid textarea + label {
color: $input-invalid-border-color ! important;
} }
.mx_Field_tooltip { .mx_Field_tooltip {