micord/ervu-lkrp-ul
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

placeholder test

Browse source
This commit is contained in:
m.epshtein 2024-07-15 12:26:01 +03:00
parent 4478d15ee1
commit a0acf68849
2 changed files with 24 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

29
frontend/src/resources/css/inbox-lkrp.css
View file

@ -266,6 +266,14 @@ body.webbpm.ervu_lkrp_ul {
background-image: url(../img/svg/form-logo.svg);
}
}
.row {
position: relative;
margin-bottom: 0;
& + .row {
margin-top: 20px;
}
}
input {
height: 56px;
padding-left: 16px;
@ -282,19 +290,26 @@ body.webbpm.ervu_lkrp_ul {
background-color: var(--bg-light);
}
}
}
.row {
margin-bottom: 0;
& + .row {
margin-top: 20px;
& + label {
position: absolute;
top: 2px;
left: 2px;
pointer-events: none;
transition: all 200ms;
}
}
.login-btn-box {
margin-top: 32px;
margin-: 32px;
}
}
.input:focus + label,
.input:not(:placeholder-shown) + label{
top: -10px;
left: 10px;
font-size: 11px;
}
.webbpm.ervu_lkrp_ul .form-signin .row.registration > * + *,
.webbpm.ervu_lkrp_ul .form-signin .login-btn-box .password,
.webbpm.ervu_lkrp_ul .form-signin .login-btn-box .btn + .btn {

4
frontend/src/resources/template/app/component/login.html
View file

@ -10,8 +10,8 @@
<div class="row">
<div class="input-group">
<input type="text" name="username" class="form-control" placeholder="Логин" required autofocus
[(ngModel)]="username" maxlength="100">
<input type="text" name="username" class="form-control" placeholder=" " required autofocus [(ngModel)]="username" maxlength="100">
<label>Логин</label>
</div>
</div>