TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-12-10 07:32:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: detect autofill in chrome to enable login buttons (#7056)

Browse Source 
* fix: detect autofill in chrome to enable login buttons

* fix: add -webkit-autofill to input scss

---------

Co-authored-by: Max Peintner <max@caos.ch>
This commit is contained in:
Miguel Cabrerizo
2024-01-22 10:24:36 +01:00
committed by GitHub
parent 8470649ecb
commit 89169b64ff
2 changed files with 106 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
internal/api/ui/login/static/resources/themes/scss/styles/input/input_base.scss
View File

@@ -7,26 +7,41 @@ $lgn-input-border-width: 1px !default;
$lgn-input-placeholder-font-size: 14px !default;
@mixin lgn-input-base {
display: block;
box-sizing: border-box;
padding-inline-start: $lgn-input-padding-start;
outline: none;
display: inline-block;
text-align: start;
cursor: text;
border-radius: $lgn-input-border-radius;
transform: all .2 linear;
font-size: 1rem;
border-style: solid;
border-width: $lgn-input-border-width;
height: $lgn-input-line-height;
padding: $lgn-input-padding;
transition: border-color .2s ease-in-out;
width: 100%;
margin: $lgn-input-margin;
display: block;
box-sizing: border-box;
padding-inline-start: $lgn-input-padding-start;
outline: none;
display: inline-block;
text-align: start;
cursor: text;
border-radius: $lgn-input-border-radius;
transform: all 0.2 linear;
font-size: 1rem;
border-style: solid;
border-width: $lgn-input-border-width;
height: $lgn-input-line-height;
padding: $lgn-input-padding;
transition: border-color 0.2s ease-in-out;
width: 100%;
margin: $lgn-input-margin;
&::placeholder {
font-size: $lgn-input-placeholder-font-size;
font-style: italic;
}
&::placeholder {
font-size: $lgn-input-placeholder-font-size;
font-style: italic;
}
&:autofill {
animation-duration: 50000s;
animation-name: onautofillstart;
}
&:-webkit-autofill {
animation-duration: 50000s;
animation-name: onautofillstart;
}
}
@keyframes onautofillstart {
from {
}
}