X-Git-Url: https://git.proxmox.com/?a=blobdiff_plain;f=ceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Ffrontend%2Fsrc%2Fapp%2Fcore%2Fauth%2Flogin%2Flogin.component.scss;h=9370066183edf3ba613631b9b7f420e3461c7730;hb=e306af509c4d4816a1f73b17a825ea5186fa0030;hp=7535c8c84ff6c5d3734eee0520c70f899302b0cd;hpb=5164c6f75c1d9ca9e83f6172e1cd48f9ab584acf;p=ceph.git

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login/login.component.scss b/ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login/login.component.scss
index 7535c8c84..937006618 100644
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login/login.component.scss
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login/login.component.scss
@@ -5,15 +5,35 @@
     margin: 0 0 30px 0;
   }
 
+  .form-group {
+    border-left: 4px solid white;
+    background-color: $color-password-toggle-bg;
+    height: auto;
+    margin-bottom: 2rem;
+
+    &:focus-within {
+      border-left: 4px solid $color-accent;
+    }
+
+    .invalid-feedback {
+      display: inline;
+    }
+  }
+
   .btn-password,
   .btn-password:focus,
   .form-control,
   .form-control:focus {
+    border: none;
+    outline: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
     color: $color-password-toggle-text;
     background-color: $color-password-toggle-bg;
+    filter: none;
   }
 
-  .form-control::placeholder {
+  .placeholder {
     color: $color-password-toggle-placeholder-text;
   }
 
@@ -33,4 +53,8 @@
 input:-webkit-autofill {
   animation-name: autofill;
   animation-fill-mode: both;
+  box-shadow: 0 0 0px 1000px $color-password-toggle-bg inset;
+  -webkit-text-fill-color: $color-password-toggle-text;
+  transition-property: none;
+  border-radius: 0px;
 }