Files
sanderling/replay-ui/src/panels/HierarchyPanel.css
T
pj b44077afde replay ui fix (#56)
* refactor: rename inspect to replay across the codebase

Renames inspect-ui/ to replay-ui/, internal/inspect/ to internal/replay/,
the CLI subcommand from `sanderling inspect` to `sanderling replay`, and
updates all references in docs, Makefile, README, and Go comments.

* feat(replay-ui): show spec filename with full path on hover

RunList and RunDetail now render the basename of spec_path (e.g.
login.spec.ts) with the full path available as a title tooltip.
2026-06-03 16:17:26 +05:30

84 lines
1.4 KiB
CSS

.hierarchy-panel {
display: flex;
flex-direction: column;
gap: 8px;
font-family: var(--font-mono);
font-size: 12px;
color: var(--text-primary);
}
.hierarchy-filter {
font-family: var(--font-mono);
font-size: 12px;
padding: 4px 8px;
border: 1px solid var(--border);
background: var(--surface);
color: var(--text-primary);
}
.hierarchy-table-wrap {
overflow: auto;
max-height: 480px;
border: 1px solid var(--border);
}
.hierarchy-table {
width: 100%;
border-collapse: collapse;
}
.hierarchy-table th {
position: sticky;
top: 0;
background: var(--surface);
text-align: left;
padding: 4px 8px;
font-weight: normal;
color: var(--text-muted);
border-bottom: 1px solid var(--border);
}
.hierarchy-table td {
padding: 2px 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid var(--border);
}
.hierarchy-table tr:hover td {
background: var(--surface-elevated);
}
.hierarchy-tag {
color: var(--text-muted);
max-width: 140px;
}
.hierarchy-id {
color: var(--text-primary);
max-width: 160px;
}
.hierarchy-text {
max-width: 320px;
color: var(--text-primary);
}
.hierarchy-bounds {
color: var(--text-muted);
text-align: right;
}
.hierarchy-empty {
font-family: var(--font-mono);
font-size: 12px;
color: var(--text-muted);
padding: 16px;
}
.hierarchy-count {
color: var(--text-muted);
font-size: 11px;
}