Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-03 17:59:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/stylesheets/common/modal/login-modal.scss
View File

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