diff options
author | Vitalii Lysak <v.lysak@dunice.net> | 2022-07-22 15:47:54 +0300 |
---|---|---|
committer | Vitalii Lysak <v.lysak@dunice.net> | 2022-07-22 15:47:54 +0300 |
commit | 5541fa8aa255edda1904631294e7c7ecb6650245 (patch) | |
tree | 11f4e89ea9bdb887a9fe475b52a2e8ed4e70e6d7 /src/assets/styles/bmc/_sila | |
parent | 1654f7790058017d8e18961b98a8994b162708c4 (diff) | |
parent | b9aa6bae1deeb200791fab52760b70eedfcb04f5 (diff) | |
download | webui-vue-5541fa8aa255edda1904631294e7c7ecb6650245.tar.xz |
merge with dynamic
Diffstat (limited to 'src/assets/styles/bmc/_sila')
-rw-r--r-- | src/assets/styles/bmc/_sila/_buttons.scss | 24 | ||||
-rw-r--r-- | src/assets/styles/bmc/_sila/_chart.scss | 7 | ||||
-rw-r--r-- | src/assets/styles/bmc/_sila/_section-divider.scss | 17 | ||||
-rw-r--r-- | src/assets/styles/bmc/_sila/_tables.scss | 92 |
4 files changed, 140 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/_sila/_buttons.scss b/src/assets/styles/bmc/_sila/_buttons.scss index b6062d84..0754e011 100644 --- a/src/assets/styles/bmc/_sila/_buttons.scss +++ b/src/assets/styles/bmc/_sila/_buttons.scss @@ -176,3 +176,27 @@ padding: 6px; margin: 1px; } + +.btn-collapse { + height: 56px; + width: 100%; + border-bottom: 1px solid $gray-10; + gap: 8px; + &:active, + &:focus { + box-shadow: none; + } + &:hover { + color: $text-primary; + } + .icon-expand { + margin-left: auto; + transition: 0.3s linear; + } + &.collapsed { + .icon-expand { + transform: rotate(180deg); + transition: 0.3s linear; + } + } +} diff --git a/src/assets/styles/bmc/_sila/_chart.scss b/src/assets/styles/bmc/_sila/_chart.scss new file mode 100644 index 00000000..24da971d --- /dev/null +++ b/src/assets/styles/bmc/_sila/_chart.scss @@ -0,0 +1,7 @@ +.highcharts-credits { + display: none; +} + +.highcharts-plot-line-label { + transform: translate(-8px, 0) !important; +} diff --git a/src/assets/styles/bmc/_sila/_section-divider.scss b/src/assets/styles/bmc/_sila/_section-divider.scss index bca2d77e..3c5ce71f 100644 --- a/src/assets/styles/bmc/_sila/_section-divider.scss +++ b/src/assets/styles/bmc/_sila/_section-divider.scss @@ -1,3 +1,20 @@ .section-divider { border-bottom: 1px solid gray('400'); } + +.custom-collapse { + margin: 0 -1.95rem 0 -2rem; + @include media-breakpoint-down(md) { + margin-left: -0.95rem; + } + .page-section { + margin-left: 2rem; + margin-right: 2rem; + @include media-breakpoint-down(md) { + margin-left: 2rem; + } + } + .form-group { + margin-bottom: 0; + } +} diff --git a/src/assets/styles/bmc/_sila/_tables.scss b/src/assets/styles/bmc/_sila/_tables.scss index 8d9f391e..7dca75dc 100644 --- a/src/assets/styles/bmc/_sila/_tables.scss +++ b/src/assets/styles/bmc/_sila/_tables.scss @@ -213,4 +213,96 @@ padding-left: 1rem; } } +} + +.table-accessory { + border: none; + thead th { + border-bottom: 1px solid $gray-30; + background-color: transparent !important; + padding: 5px 0; + } + + tbody tr td { + border: none; + padding: 2px; + } + td { + font-size: 0.745rem; + color: $text-tretiatry; + + } + .thead-light th > div { + font-size: 0.755rem !important; + } + + // @include media-breakpoint-down(xs) { + // .b-table-stacked-sm { + // border: 1px solid $gray-10; + + // tr { + + // &:not(:first-child) > td[aria-colindex='1'] { + // padding-top: 0.625rem; + // } + + // &:not(.b-table-empty-row) { + // position: relative; // Restrict background color to get zebra striping for the row + + // &::before, + // &::after { + // position: absolute; + // top: 0; + // height: 100%; + // z-index: -1; + // } + + // &:before { + // content: ''; + // background-color: gray("200"); + // width: 40%; + // border-right: 1px solid gray("300"); + // } + + // &:after { + // content: ''; + // right: 0; + // width: 60%; + // } + + // &:nth-child(even)::after { + // background-color: gray("100"); // Zebra striping for the row + // } + // } + + // td { + // border: 0; + // padding: 0.75rem; + // text-align: left !important; + + // &:last-of-type { + // border-right: 0; + // } + // } + // } + // } + + // .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] { + // &::before { + // text-align: left; + // padding-left: $spacer / 2; + // } + + // > div { + // padding-left: 1rem; + // } + // } + // } +} + +.item-color { + display: inline-block; + width: 8px; + height: 8px; + border-radius: 2px; }
\ No newline at end of file |