fix css login page patch 01 (#36313)

Co-authored-by: Laurent Destailleur <eldy@destailleur.fr>
This commit is contained in:
John BOTELLA 2025-11-18 22:03:49 +01:00 committed by GitHub
parent b748ffd528
commit 312ea7d9eb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -126,16 +126,30 @@ body.login-page {
color: var(--login-form-icon-color);
}
input.login__input {
.login__field:has(.login__icon + select.login__input) .login__icon {
top: 33px;
}
:is(input,select).login__input {
--border-radius: 0;
--input-width: 75%;
border: none;
border-bottom: 2px solid var(--login-form-border-color);
background: none;
background: #fff;
padding: 10px 10px 10px 36px;
width: 75%;
width: var(--input-width);
transition: .2s;
}
input.login__input[name="security_code"] {
width: calc(var(--input-width) - 110px);
}
select.login__input {
padding: 10px 10px 5px 36px;
}
.login__input:active,
.login__input:focus,
.login__input:hover {
@ -222,8 +236,8 @@ input.login__input {
background-position: center;
}
:where(.login-form-right) input.login__input {
width: 100%;
:where(.login-form-right) :is(input,select).login__input {
--input-width: 100%;
}
:where(.login-form-right) .login-screen {