luxick/datascape
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

No hover highlighting on mobile

Browse Source
This commit is contained in:
luxick
2026-06-16 18:27:42 +02:00
parent 7346050b51
commit d92c2f008d
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/style.css
+6 -1
View File
@@ -296,8 +296,13 @@ a.heading-anchor:hover { color: var(--primary-hover); }
.data-table th,
.data-table td { padding: 0.4rem var(--space-3); text-align: left; }
.data-table:not(.data-table-grid) tbody tr + tr { border-top: var(--border); }
.data-table:not(.data-table-grid) tbody tr:hover,
.data-table tr.is-active { background: var(--bg-panel-hover); }
/* Hover-highlight only on devices with a real pointer. On touch, a tap or
drag-scroll leaves an emulated :hover stuck on the last-touched row until
the next tap — distracting while scrolling a listing. */
@media (hover: hover) {
.data-table:not(.data-table-grid) tbody tr:hover { background: var(--bg-panel-hover); }
}
.data-table tbody tr.is-empty,
.data-table tbody tr.is-empty:hover {
color: var(--text-muted);