r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improved label animation performance for Safari

Browse Source
This commit is contained in:
morethanwords 2021-01-01 22:16:10 +04:00
parent 163185d021
commit eb75d8ffef
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/scss/partials/_input.scss
View File

@ -38,11 +38,12 @@
left: 1rem; left: 1rem;
right: auto; right: auto;
z-index: 2; z-index: 2;
top: 50%; top: 0;
transform: translateY(-50%); height: 1.5rem;
transform: translateY(calc((54px - 1.5rem) / 2));
background-color: #fff; background-color: #fff;
transition: .2s all, .1s opacity; transition: .2s transform, .2s padding, .1s opacity;
display: inline-block; transform-origin: left center;
pointer-events: none; pointer-events: none;
} }
@ -124,12 +125,8 @@
} }
&:focus ~ label, &:valid ~ label, &:not(:empty) ~ label, &:disabled ~ label { &:focus ~ label, &:valid ~ label, &:not(:empty) ~ label, &:disabled ~ label {
top: -.5rem; transform: translate(-.215rem, -.675rem) scale(0.75);
transform: none; padding: 0 6px;
padding: 0 5px;
left: .75rem;
font-size: .75rem!important;
//color: #666;
opacity: 1; opacity: 1;
} }
} }