FIX: Fix custom login input label animations (#24497)

This commit is contained in:
Jordan Vidrine 2023-11-21 15:28:18 -06:00 committed by GitHub
parent 7ce386248c
commit e9f604b567
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -253,7 +253,8 @@
.user-fields .input-group {
.user-field {
&.text {
&.value-entered label.control-label {
&.value-entered label.alt-placeholder.control-label,
input:focus + label.alt-placeholder.control-label {
top: -8px;
left: calc(1em - 0.25em);
background-color: var(--secondary);
@ -261,12 +262,11 @@
font-size: 14px;
color: var(--primary-medium);
}
label.control-label {
label.alt-placeholder.control-label {
color: var(--primary-medium);
font-size: 16px;
position: absolute;
pointer-events: none;
left: 1em;
top: 12px;
transition: 0.2s ease all;
max-width: calc(100% - 2em);