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

Correctly form a select/input element

Browse source
This commit is contained in:
Travis Ralston 2019-01-22 20:03:59 -07:00
parent f0e8182ff3
commit 2b3c8c4450
2 changed files with 8 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -36,14 +36,12 @@ limitations under the License.
border-color: $input-focused-border-color;
}
.mx_Field input::placeholder,
.mx_Field select::placeholder {
.mx_Field input::placeholder {
transition: color 0.25s ease-in 0s;
color: transparent;
}
.mx_Field input:placeholder-shown:focus::placeholder,
.mx_Field select:placeholder-shown:focus::placeholder {
.mx_Field input:placeholder-shown:focus::placeholder {
transition: color 0.25s ease-in 0.1s;
color: $greyed-fg-color;
}
@ -66,8 +64,7 @@ limitations under the License.
.mx_Field input:focus + label,
.mx_Field input:not(:placeholder-shown) + label,
.mx_Field select:focus + label,
.mx_Field select:not(:placeholder-shown) + label {
.mx_Field select:focus + label {
transition:
font-size 0.25s ease-out 0s,
color 0.25s ease-out 0s,