From a0acf6884950f3dd84e065fc7972eb4ada2697c9 Mon Sep 17 00:00:00 2001
From: "m.epshtein" <m.epshtein@micord.ru>
Date: Mon, 15 Jul 2024 12:26:01 +0300
Subject: [PATCH] placeholder test

---
 frontend/src/resources/css/inbox-lkrp.css     | 29 ++++++++++++++-----
 .../template/app/component/login.html         |  4 +--
 2 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/frontend/src/resources/css/inbox-lkrp.css b/frontend/src/resources/css/inbox-lkrp.css
index 5b6c02ec..1077f7fc 100644
--- a/frontend/src/resources/css/inbox-lkrp.css
+++ b/frontend/src/resources/css/inbox-lkrp.css
@@ -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 {
diff --git a/frontend/src/resources/template/app/component/login.html b/frontend/src/resources/template/app/component/login.html
index 2aa7d64f..cb3ccac9 100644
--- a/frontend/src/resources/template/app/component/login.html
+++ b/frontend/src/resources/template/app/component/login.html
@@ -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>