dandri/meshcore-analyzer
1
0
Fork 0
mirror of https://github.com/Kpa-clawbot/meshcore-analyzer.git synced 2026-08-29 09:58:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "fix: packets table uses table-layout:fixed with proportional column widths — resizes like Excel when detail pane is dragged"

Browse Source 
This reverts commit 881b9a3548.
This commit is contained in:
you
2026-03-19 20:57:08 +00:00
parent 881b9a3548
commit 0fc29877a2
1 changed files with 3 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+3 -14
View File
@@ -214,27 +214,16 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible
text-transform: uppercase; letter-spacing: .3px; color: var(--text-muted);
border-bottom: 2px solid var(--border); background: var(--card-bg);
position: sticky; top: 0; z-index: 1;
overflow: hidden; text-overflow: ellipsis;
}
.data-table th.sortable { cursor: pointer; }
.data-table th.sortable:hover { color: var(--accent); }
.data-table td {
padding: 3px 6px; border-bottom: 1px solid var(--border);
vertical-align: middle; white-space: nowrap;
vertical-align: middle; white-space: nowrap; max-width: 180px;
overflow: hidden; text-overflow: ellipsis;
}
/* Proportional column widths — packets table (expand chevron gets minimal space) */
#pktTable { table-layout: fixed; }
#pktTable th:first-child, #pktTable td:first-child { width: 24px; }
#pktTable .col-region { width: 7%; }
#pktTable .col-time { width: 11%; }
#pktTable .col-hash { width: 10%; }
#pktTable .col-size { width: 6%; }
#pktTable .col-type { width: 9%; }
#pktTable .col-observer { width: 12%; }
#pktTable .col-path { width: 14%; }
#pktTable .col-rpt { width: 5%; }
#pktTable .col-details { width: auto; white-space: normal; word-break: break-word; }
/* Details column gets more room since it has the most useful content */
.data-table td.col-details { max-width: 400px; white-space: normal; word-break: break-word; }
.data-table tbody tr:nth-child(even) { background: var(--row-stripe); }
.data-table tbody tr:hover { background: var(--row-hover); cursor: pointer; }
.data-table tbody tr.selected { background: var(--selected-bg); }