Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-10 22:22:45 -05:00
Code Issues Activity

style(experience): improve notched border animation (#6296)

Browse source
This commit is contained in:
Xiao Yijun 2024-07-22 13:16:00 +08:00 • committed by GitHub
parent 90c5dba280
commit 94e692aa97
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/experience/src/components/InputFields/InputField/NotchedBorder/index.module.scss
View file

@ -48,15 +48,16 @@
.label {
position: absolute;
left: _.unit(4);
left: _.unit(3.5);
font: var(--font-body-1);
color: var(--color-type-secondary);
pointer-events: none;
top: 48%;
transform: translateY(-50%);
transition: 0.2s ease-out;
transition-property: position, font, top;
transition-property: position, font, top, color;
background-color: transparent;
padding: 0 _.unit(1);
z-index: 1;
}
@ -71,10 +72,8 @@
.label {
top: -1px;
left: _.unit(3.5);
font: var(--font-body-3);
color: var(--color-type-secondary);
padding: 0 _.unit(1);
}
}