External/signoz
1
0
Fork 0
mirror of https://github.com/SigNoz/signoz.git synced 2025-12-17 15:36:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve the span list table ui

Browse Source
This commit is contained in:
ahmadshaheer 2025-09-19 05:55:21 +04:30
parent 5a1f20f626
commit ae18c138c8
2 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/container/SpanList/SpanList.styles.scss
View File

@ -34,6 +34,7 @@
.span-table { .span-table {
height: 100%; height: 100%;
margin-top: 16px;
.span-name-with-expand { .span-name-with-expand {
display: flex; display: flex;
@ -57,12 +58,25 @@
.span-name { .span-name {
padding-left: 32px; padding-left: 32px;
} }
.data-table-container {
border: none;
}
.sticky-header-table-container {
width: 100%;
}
[data-slot='table-cell'] { [data-slot='table-cell'] {
font-size: 13px; font-size: 13px;
} }
[data-slot='table-header'] {
&,
[data-slot='table-row']:hover {
background: transparent;
}
}
thead > [data-slot='table-row'] { thead > [data-slot='table-row'] {
background: var(--bg-slate-400); border-bottom: none !important;
[data-slot='table-head'] { [data-slot='table-head'] {
color: var(--bg-vanilla-400); color: var(--bg-vanilla-400);
font-size: 11px; font-size: 11px;
@ -74,8 +88,16 @@
} }
} }
[data-slot='table-row'] { [data-slot='table-row'] {
border: none !important;
&:nth-of-type(odd) {
background: rgba(171, 189, 255, 0.01);
}
&:hover { &:hover {
background: var(--bg-slate-500); background: var(--bg-slate-500);
} }
} }
[data-slot='table-head']:first-of-type,
[data-slot='table-cell']:first-of-type {
background: rgba(171, 189, 255, 0.04);
}
} }

4
frontend/src/container/SpanList/SpanTable.tsx
View File

@ -491,8 +491,8 @@ function SpanTable({
columns, columns,
tableId: 'span-list-table', tableId: 'span-list-table',
enableSorting: false, enableSorting: false,
enableFiltering: true, enableFiltering: false,
enableGlobalFilter: true, enableGlobalFilter: false,
enableColumnReordering: false, enableColumnReordering: false,
enableColumnResizing: false, enableColumnResizing: false,
enableColumnPinning: false, enableColumnPinning: false,