scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/non-transparent-table-header (pull request #1243)

Browse Source 
fix: sticky table header no longer has transparent background

Approved-by: Erik Tiekstra
This commit is contained in:
Christian Andolf
2025-02-03 14:00:39 +00:00
parent c25963a3b7 a5776d7256
commit e7fbcd8a80
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/Blocks/DynamicContent/OverviewTable/LargeTable/DesktopHeader/desktopHeader.module.css
View File

@@ -1,8 +1,13 @@
.header {
background-color: inherit;
}
.iconRow { .iconRow {
border-bottom: none; border-bottom: none;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1; z-index: 1;
background-color: inherit;
} }
.verticalTableHeader { .verticalTableHeader {

2
components/Blocks/DynamicContent/OverviewTable/LargeTable/DesktopHeader/index.tsx
View File

@@ -16,7 +16,7 @@ export default function DesktopHeader({
Select, Select,
}: LargeTableProps) { }: LargeTableProps) {
return ( return (
<thead> <thead className={styles.header}>
<tr className={styles.iconRow}> <tr className={styles.iconRow}>
<th className={styles.verticalTableHeader} /> <th className={styles.verticalTableHeader} />
{levels.map((level, idx) => { {levels.map((level, idx) => {