dirtydishes/islandflow
1
0
Fork 0
Code Issues 2 Pull requests 4 Projects Releases Packages Wiki Activity Actions 1

fix live tape scroll stability

Browse source
This commit is contained in:
dirtydishes 2026-05-17 03:33:06 -04:00
parent 1424a2716f
commit d334e16874
5 changed files with 298 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

24
apps/web/app/globals.css
View file

@ -1039,11 +1039,27 @@ h3 {
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
background-color: oklch(0.12 0.01 250);
}
.data-table-body {
position: relative;
min-width: 100%;
--tape-row-height: 36px;
--tape-row-double-height: 72px;
background:
repeating-linear-gradient(
to bottom,
oklch(0.98 0.008 250 / 0.01) 0,
oklch(0.98 0.008 250 / 0.01) calc(var(--tape-row-height) - 1px),
oklch(0.72 0.012 250 / 0.08) calc(var(--tape-row-height) - 1px),
oklch(0.72 0.012 250 / 0.08) var(--tape-row-height),
oklch(0.98 0.008 250 / 0.018) var(--tape-row-height),
oklch(0.98 0.008 250 / 0.018) calc(var(--tape-row-double-height) - 1px),
oklch(0.72 0.012 250 / 0.08) calc(var(--tape-row-double-height) - 1px),
oklch(0.72 0.012 250 / 0.08) var(--tape-row-double-height)
),
oklch(0.12 0.01 250);
}
.data-table-options {
@ -1137,6 +1153,14 @@ h3 {
height: 44px;
}
.data-table-flow .data-table-body,
.data-table-alerts .data-table-body,
.data-table-classifier .data-table-body,
.data-table-dark .data-table-body {
--tape-row-height: 44px;
--tape-row-double-height: 88px;
}
.data-table-row-classified {
background:
linear-gradient(90deg, rgba(var(--classifier-rgb, 192, 200, 210), calc(0.012 + var(--classifier-intensity, 0) * 0.06)), transparent 62%),