diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-06-01 17:40:28 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-06-01 17:49:04 +0300 |
commit | 0cbf1713dc23e0039653891fab1fa2c52b4bfaf3 (patch) | |
tree | 94f31f3d6935a130d49704c51512016814df15eb /src/assets/styles/bmc | |
parent | c4d70da69a3c86f8c07ccdb0f09b755dd99b2155 (diff) | |
download | webui-vue-0cbf1713dc23e0039653891fab1fa2c52b4bfaf3.tar.xz |
Add PopoverSlot restyled DateTime and ServerPowerOrerations pages add reload BMC.
Diffstat (limited to 'src/assets/styles/bmc')
-rw-r--r-- | src/assets/styles/bmc/custom/_buttons.scss | 18 | ||||
-rw-r--r-- | src/assets/styles/bmc/custom/_forms.scss | 44 | ||||
-rw-r--r-- | src/assets/styles/bmc/custom/_pagination.scss | 12 | ||||
-rw-r--r-- | src/assets/styles/bmc/custom/_tables.scss | 47 |
4 files changed, 108 insertions, 13 deletions
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 |