update source to Ceph Pacific 16.2.2

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

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login-password-form/login-password-form.component.scss b/ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login-password-form/login-password-form.component.scss
index 0feabe5940853aea81dd8055e94e1631da7f421c..15addd1e8216273866704bb5d007f8c15305b94d 100755 (executable)
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login-password-form/login-password-form.component.scss
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login-password-form/login-password-form.component.scss
@@ -1,27 +1,68 @@
-@import 'defaults';
+@use 'sass:map';
+@use './src/styles/vendor/variables' as vv;
+
+$dark-secondary: darken(vv.$secondary, 4%);
 
 ::ng-deep cd-login-password-form {
   h4 {
-    margin: 0 0 30px 0;
+    margin: 0 0 30px;
+  }
+
+  .form-group {
+    background-color: $dark-secondary;
+    border-left: 4px solid vv.$white;
+
+    &:focus-within {
+      border-left: 4px solid map.get(vv.$theme-colors, 'accent');
+    }
   }
 
   .btn-password,
   .btn-password:focus,
   .form-control,
   .form-control:focus {
-    color: $color-password-toggle-text;
-    background-color: $color-password-toggle-bg;
+    background-color: $dark-secondary;
+    border: 0;
+    box-shadow: none;
+    color: vv.$body-color-bright;
+    filter: none;
+    outline: none;
   }
 
   .form-control::placeholder {
-    color: $color-password-toggle-placeholder-text;
+    color: vv.$gray-600;
   }
 
   .btn-password:focus {
-    outline-color: $color-password-toggle-focus;
+    outline-color: vv.$primary;
   }
 
   button.btn:not(:first-child) {
     margin-left: 5px;
   }
 }
+
+// This will override the colors applied by chrome
+@keyframes autofill {
+  to {
+    background-color: $dark-secondary;
+    color: vv.$body-color-bright;
+  }
+}
+
+input:-webkit-autofill {
+  animation-fill-mode: both;
+  animation-name: autofill;
+  border-radius: 0;
+  box-shadow: 0 0 0 1000px $dark-secondary inset;
+  -webkit-text-fill-color: vv.$body-color-bright;
+  transition-property: none;
+}
+
+.invalid-feedback {
+  padding-left: 9px;
+}
+
+.is-invalid.cd-form-control {
+  border-color: transparent;
+}