mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-26 19:26:04 +03:00
Code Issues Projects Releases Packages 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-07 14:16:39 +00:00
parent edb7f39ec9
commit b8925d857d
1 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
res/css/views/elements/_Field.scss
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 {