imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #2484 from matrix-org/travis/select-field

Browse source 
Support selects on Field
This commit is contained in:
Travis Ralston 2019-01-22 20:13:06 -07:00 • committed by GitHub
commit b83227c035
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

12
res/css/views/elements/_Field.scss
View file

@ -21,7 +21,8 @@ limitations under the License.
margin: 1em 0;
}
.mx_Field input {
.mx_Field input,
.mx_Field select {
font-weight: normal;
border-radius: 4px;
transition: border-color 0.25s;
@ -29,7 +30,8 @@ limitations under the License.
padding: 8px 9px;
}
.mx_Field input:focus {
.mx_Field input:focus,
.mx_Field select:focus {
outline: 0;
border-color: $input-focused-border-color;
}
@ -61,7 +63,8 @@ limitations under the License.
}
.mx_Field input:focus + label,
.mx_Field input:not(:placeholder-shown) + label {
.mx_Field input:not(:placeholder-shown) + label,
.mx_Field select:focus + label {
transition:
font-size 0.25s ease-out 0s,
color 0.25s ease-out 0s,
@ -72,6 +75,7 @@ limitations under the License.
background-color: $field-focused-label-bg-color;
}
.mx_Field input:focus + label {
.mx_Field input:focus + label,
.mx_Field select:focus + label {
color: $input-focused-border-color;
}