From 3f9ce4eaf391733e8769caec8da84302c012b21e Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <m.zakharov@IBS.RU>
Date: Wed, 27 Apr 2022 14:59:55 +0300
Subject: restyled login page

---
 src/assets/styles/bmc/custom/_forms.scss | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

(limited to 'src/assets/styles/bmc/custom/_forms.scss')

diff --git a/src/assets/styles/bmc/custom/_forms.scss b/src/assets/styles/bmc/custom/_forms.scss
index 428a40c2..8524f2ff 100644
--- a/src/assets/styles/bmc/custom/_forms.scss
+++ b/src/assets/styles/bmc/custom/_forms.scss
@@ -21,7 +21,7 @@
 .custom-select,
 .form-control,
 .input-group-text {
-  border-color: gray("500") !important;
+  // border-color: gray("500") !important;
   background-color: gray("100");
 }
 
@@ -31,17 +31,14 @@
     border: 1px solid $primary!important;
   }
   &:focus {
-    color: theme-color("dark");
-    background-color: gray("100");
-    box-shadow: inset 0 0 0 3px gray("100"), inset 0 0 0 5px $primary !important;
+    // color: theme-color("dark");
+    // background-color: gray("100");
+    // box-shadow: inset 0 0 0 3px gray("100"), inset 0 0 0 5px $primary !important;
   }
   &:disabled {
     background-color: gray("400");
     color: gray("600");
   }
-  &::placeholder {
-    color: gray("600");
-  }
   &.is-invalid,
   &:invalid {
     border: 1px solid theme-color("danger") !important;
@@ -57,17 +54,26 @@
 
 // Inverted form colors
 .form-background {
-  background-color: gray("100");
+  background-color: none;
   .custom-select,
   .form-control {
-    background-color: $white;
+    border-radius: 8px;
+    border: none;
+    background-color: $input-background;
+    &:hover {
+      // opacity: 0.1;
+      background-color: $input-background-hover;
+    }
     &:focus {
-      background-color: $white;
+      border: 1px solid gray("400");
     }
     &:disabled {
       background-color: gray("400");
       color: gray("600");
     }
+    &.is-valid {
+      border: 1px solid gray("400");
+    }
   }
 }
 
@@ -95,7 +101,7 @@
 }
 
 .custom-control-input:focus ~ .custom-control-label::before{
-  box-shadow: 0 0 0 2px  theme-color("primary");
+  // box-shadow: 0 0 0 2px  theme-color("primary");
 }
 
 .custom-control-label::after {
-- 
cgit v1.2.3