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

   1 @import 'defaults';
   2
   3 ::ng-deep cd-login {
   4   h1 {
   5     margin: 0 0 30px 0;
   6   }
   7
   8   .form-group {
   9     border-left: 4px solid white;
  10     background-color: $color-password-toggle-bg;
  11     height: auto;
  12     margin-bottom: 2rem;
  13
  14     &:focus-within {
  15       border-left: 4px solid $color-accent;
  16     }
  17
  18     .invalid-feedback {
  19       display: inline;
  20     }
  21   }
  22
  23   .btn-password,
  24   .btn-password:focus,
  25   .form-control,
  26   .form-control:focus {
  27     border: none;
  28     outline: none;
  29     -webkit-box-shadow: none;
  30     box-shadow: none;
  31     color: $color-password-toggle-text;
  32     background-color: $color-password-toggle-bg;
  33     filter: none;
  34   }
  35
  36   .placeholder {
  37     color: $color-password-toggle-placeholder-text;
  38   }
  39
  40   .btn-password:focus {
  41     outline-color: $color-password-toggle-focus;
  42   }
  43 }
  44
  45 // This will override the colors applied by chrome
  46 @keyframes autofill {
  47   to {
  48     color: $color-password-toggle-text;
  49     background-color: $color-password-toggle-bg;
  50   }
  51 }
  52
  53 input:-webkit-autofill {
  54   animation-name: autofill;
  55   animation-fill-mode: both;
  56   box-shadow: 0 0 0px 1000px $color-password-toggle-bg inset;
  57   -webkit-text-fill-color: $color-password-toggle-text;
  58   transition-property: none;
  59   border-radius: 0px;
  60 }