fix css login page patch 01 (#36313)
Co-authored-by: Laurent Destailleur <eldy@destailleur.fr>
This commit is contained in:
parent
b748ffd528
commit
312ea7d9eb
1 changed files with 19 additions and 5 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in a new issue