From 0cbf1713dc23e0039653891fab1fa2c52b4bfaf3 Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <m.zakharov@IBS.RU>
Date: Wed, 1 Jun 2022 17:40:28 +0300
Subject: Add PopoverSlot restyled DateTime and ServerPowerOrerations pages add
 reload BMC.

---
 src/assets/styles/bmc/custom/_buttons.scss    | 18 +++++-----
 src/assets/styles/bmc/custom/_forms.scss      | 44 ++++++++++++++++++++++++-
 src/assets/styles/bmc/custom/_pagination.scss | 12 ++++++-
 src/assets/styles/bmc/custom/_tables.scss     | 47 +++++++++++++++++++++++++--
 4 files changed, 108 insertions(+), 13 deletions(-)

(limited to 'src/assets/styles')

diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss
index 04c612ec..d9c929db 100644
--- a/src/assets/styles/bmc/custom/_buttons.scss
+++ b/src/assets/styles/bmc/custom/_buttons.scss
@@ -13,6 +13,11 @@
   }
 }
 
+.btn-md {
+  width: 220px;
+  height: 36px;
+}
+
 .btn-primary {
   background-color: $red-brand-primary;
   border-radius: 8px;
@@ -126,7 +131,6 @@
 }
 
 .btn-link {
-  // font-weight: $headings-font-weight;
   color: $text-primary;
   text-decoration: none !important;
   &:hover {
@@ -136,11 +140,6 @@
   &:active {
     background-color: gray("300");
   }
-  &:focus {
-    // box-shadow: inset 0 0 0 2px theme-color("primary");
-    // color: theme-color("primary");
-    // outline: none;
-  }
   &:disabled {
     box-shadow: $btn-focus-box-shadow;
   }
@@ -180,8 +179,6 @@
 .collapse-button {
   height: 56px;
   width: 100%;
-  padding: 0 0 0 2rem;
-  margin: 0;
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
@@ -193,4 +190,9 @@
   &:hover {
     color: $text-primary;
   }
+}
+
+.table-toolbar-button {
+  width: 220px;
+  height: 36px;
 }
\ No newline at end of file
diff --git a/src/assets/styles/bmc/custom/_forms.scss b/src/assets/styles/bmc/custom/_forms.scss
index 51dc0ed6..8cb8e242 100644
--- a/src/assets/styles/bmc/custom/_forms.scss
+++ b/src/assets/styles/bmc/custom/_forms.scss
@@ -209,6 +209,48 @@
   color: $red-brand-primary;
 }
 
+.cb label{
+  padding-top: 4px;
+}
 .system-control__radio label {
   padding-top: 4px;
-}
\ No newline at end of file
+}
+
+//radio buttons global style
+  .custom-radio ::before {
+    border: 1px solid $red-brand-primary;
+  background-color: #fff;
+  border-radius: 100%;
+}
+
+.custom-radio 
+.custom-control-input:checked
+~ .custom-control-label::before {
+  border: 2px solid $red-brand-primary;
+  background-color: $red-brand-primary;
+  box-shadow: 0px 0px 0px 2.5px $white inset;
+  border-radius: 100%;
+}
+
+  .custom-radio
+  .custom-control-input:hover
+  ~ .custom-control-label::before {
+  background-color: $red-brand-primary-hover !important;
+  box-shadow: 0px 0px 0px 2.5px $white inset;
+  border-color: $red-brand-primary-hover;
+}
+
+.custom-radio
+.custom-control-input:checked
+~ .custom-control-label::after {
+  background-image: none !important;
+  border-radius: 100%;
+}
+
+.custom-radio
+.custom-control-input:active
+~ .custom-control-label::before {
+  background-color: $red-brand-primary-active !important;
+  box-shadow: 0px 0px 0px 2.5px $white inset;
+  border-color: $red-brand-primary-active;
+}
diff --git a/src/assets/styles/bmc/custom/_pagination.scss b/src/assets/styles/bmc/custom/_pagination.scss
index d38ce5d2..bce593ef 100644
--- a/src/assets/styles/bmc/custom/_pagination.scss
+++ b/src/assets/styles/bmc/custom/_pagination.scss
@@ -15,10 +15,20 @@
   @include media-breakpoint-up(sm) {
     justify-content: flex-end;
   }
+
+  .page-link {
+    border: transparent;
+    &:hover {
+      background-color: transparent;
+    }
+    &:focus {
+      box-shadow: none;
+    }
+  }
   .page-item.active button {
     color: theme-color("dark");
     background-color: color("white");
-    border-color: $border-color;
+    border-color: transparent;
     box-shadow: inset 0px -3px theme-color("primary");
   }
 }
\ No newline at end of file
diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss
index d76d4982..bb56ba83 100644
--- a/src/assets/styles/bmc/custom/_tables.scss
+++ b/src/assets/styles/bmc/custom/_tables.scss
@@ -86,7 +86,6 @@
     }
   }
   .b-table-sort-icon-left {
-    background-position: left calc(1.5rem / 2) center !important;
     padding-left: calc(1.2rem + 0.65em) !important;
     &:focus {
       outline: none;
@@ -171,12 +170,22 @@
   // }
 }
 
+.indicators-Critical {
+  color: $indicators-errors !important;
+}
+
+.indicators-Warning {
+  color: $indicators-warning !important;
+}
+
+.indicators-OK {
+  color: $indicators-succes !important;
+}
+
 .bootstrap-table__stripes tr:nth-of-type(even) {
   background-color: rgb(255 255 255);
 }
 
-
-////// не работает
 .bootstrap-table__stripes_odd tr:nth-of-type(odd) {
   background-color: rgb(255 255 255);
 }
@@ -308,4 +317,36 @@
   -ms-border-radius: 0;
   -o-border-radius: 0;
   -khtml-border-radius: 0;
+}
+
+// logs tables styles 
+#logs-table {
+  margin: 0 !important;
+}
+
+#logs-table-wrapper div {
+  overflow-y: overlay;
+  &::-webkit-scrollbar {
+    position: absolute;
+    width: 10px;
+  }
+  &::-webkit-scrollbar-thumb {
+    border: 4px solid transparent;
+    border-top: 52px solid transparent;
+    background: $faint-secondary-primary-20;
+    border-radius: 16px;
+    background-clip: content-box;
+  }
+}
+
+.logs-table__th {
+  background-color: #f8f8f8 !important;
+  border-bottom: 1px solid $faint-secondary-primary-20 !important;
+  border-top: 1px solid $faint-secondary-primary-20 !important;
+  color: $text-primary !important;
+}
+
+.logs-table__td {
+  border-bottom: 1px solid $faint-secondary-primary-10 !important;
+  height: 64px;
 }
\ No newline at end of file
-- 
cgit v1.2.3