summaryrefslogtreecommitdiff
path: root/src/assets/styles/bmc/_sila/custom/_logs.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/assets/styles/bmc/_sila/custom/_logs.scss')
-rw-r--r--src/assets/styles/bmc/_sila/custom/_logs.scss78
1 files changed, 78 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/_sila/custom/_logs.scss b/src/assets/styles/bmc/_sila/custom/_logs.scss
new file mode 100644
index 00000000..237205c6
--- /dev/null
+++ b/src/assets/styles/bmc/_sila/custom/_logs.scss
@@ -0,0 +1,78 @@
+.logs-section .table.b-table > thead > tr > [aria-sort='ascending'] {
+ background-image: url('~@/assets/images/_sila/event-logs/sort-icon-rotate.svg');
+}
+
+.logs-section .table.b-table > thead > tr > [aria-sort='descending'],
+.table.b-table > thead > tr > [aria-sort='none'] {
+ background-image: url('~@/assets/images/_sila/event-logs/sort-icon.svg');
+}
+
+.logs-section .b-table-sort-icon-left {
+ background-size: 15px !important;
+}
+
+.logs-head-container {
+ position: absolute;
+ width: 50%;
+ top: calc(#{$header-height});
+ right: 0px;
+ display: flex;
+ flex-flow: row nowrap;
+ justify-content: flex-end;
+ align-items: baseline;
+ gap: 6px;
+ z-index: 1001;
+}
+
+#logs-table-wrapper div {
+ max-height: calc(100vh - 194px - #{$header-height});
+}
+
+#logs-table,
+#table-event-logs {
+ margin: 0 !important;
+}
+
+// scrollbar styles
+#logs-table-wrapper div,
+#table-event-logs 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;
+}
+
+.logs-pagination-container {
+ width: calc(100% - #{$navigation-width});
+ height: $toolbar-height;
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.06);
+ z-index: $zindex-dropdown;
+ background-color: $white;
+}
+
+.table-pagination-select {
+ line-height: 1.8rem;
+}