diff --git a/packages/raystack/components/data-table/components/virtualized-content.tsx b/packages/raystack/components/data-table/components/virtualized-content.tsx index 9b07332a3..3dd4ff55f 100644 --- a/packages/raystack/components/data-table/components/virtualized-content.tsx +++ b/packages/raystack/components/data-table/components/virtualized-content.tsx @@ -332,11 +332,11 @@ export function VirtualizedContent({ onScroll={handleVirtualScroll} >
-
- +
+
{stickyGroupHeader && isGrouped && stickyGroup && (
span { +.display-popover-properties-select>span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; @@ -83,6 +83,11 @@ overflow: auto; } +.contentRoot table { + border-collapse: separate; + border-spacing: 0; +} + .row { background: var(--rs-color-background-base-primary); } @@ -174,7 +179,9 @@ display: flex; align-items: center; background: var(--rs-color-background-base-secondary); + font-size: var(--rs-font-size-small); font-weight: var(--rs-font-weight-medium); + line-height: var(--rs-line-height-small); padding: var(--rs-space-3); } @@ -185,8 +192,13 @@ display: flex; align-items: center; background: var(--rs-color-background-base-secondary); + font-size: var(--rs-font-size-small); font-weight: var(--rs-font-weight-medium); - padding: var(--rs-space-3); + line-height: var(--rs-line-height-small); + padding: 0 var(--rs-space-3); + height: var(--rs-space-10); + margin-bottom: calc(-1 * var(--rs-space-10)); + box-sizing: border-box; border-bottom: 0.5px solid var(--rs-color-border-base-primary); box-shadow: 0 1px 0 0 var(--rs-color-border-base-primary); } @@ -202,8 +214,8 @@ /* Non-virtualized: sticky section header under table header */ .stickySectionHeader { position: sticky; - top: var(--rs-space-10); + top: var(--rs-space-8); z-index: 1; background: var(--rs-color-background-base-secondary); box-shadow: 0 1px 0 0 var(--rs-color-border-base-primary); -} +} \ No newline at end of file