import 15.2.4

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / core / auth / login / login.component.scss

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 7535c8c84ff6c5d3734eee0520c70f899302b0cd..9370066183edf3ba613631b9b7f420e3461c7730 100644 (file)
--- 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;
 }