Add PopoverSlot restyled DateTime and ServerPowerOrerations pages add reload BMC.

1 files changed, 43 insertions, 1 deletions

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;
+}