Full document, spreadsheet, slideshow, and diagram tooling
Merge pull request 'fix(sheets): use box-shadow for grid lines — eliminates double borders' (#70) from fix/box-shadow-grid-lines into main
+8
-4
+8
-4
src/css/app.css
+8
-4
src/css/app.css
···
1609
1609
}
1610
1610
1611
1611
.sheet-grid {
1612
-
border-collapse: collapse;
1612
+
border-collapse: separate;
1613
+
border-spacing: 0;
1613
1614
table-layout: fixed;
1614
1615
font-family: var(--font-mono);
1615
1616
font-size: 0.8rem;
···
1791
1792
1792
1793
.sheet-grid td {
1793
1794
border: none;
1794
-
border-right: 1px solid var(--color-grid-line);
1795
-
border-bottom: 1px solid var(--color-grid-line);
1796
1795
padding: 0;
1797
1796
height: 26px;
1798
1797
min-height: 26px;
1799
1798
box-sizing: border-box;
1800
1799
position: relative;
1801
1800
overflow: hidden;
1802
-
background-clip: padding-box;
1801
+
/* Grid lines via box-shadow instead of borders — avoids double-line
1802
+
artifacts from border-collapse/separate + sticky + background-clip
1803
+
interactions. Shadows render on top of backgrounds reliably. */
1804
+
box-shadow: inset -1px 0 0 var(--color-grid-line),
1805
+
inset 0 -1px 0 var(--color-grid-line);
1803
1806
}
1804
1807
1805
1808
/* Virtual scroll spacer rows: ensure they maintain their declared height */
1806
1809
.sheet-grid .virtual-spacer-top td,
1807
1810
.sheet-grid .virtual-spacer-bottom td {
1808
1811
border: none;
1812
+
box-shadow: none;
1809
1813
padding: 0;
1810
1814
line-height: 0;
1811
1815
}