marijo/go
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UI changes for collapsing and header bcg

Browse source
This commit is contained in:
marijo 2026-06-09 11:35:21 +00:00
parent 71aeb691df
commit 996acdef92
4 changed files with 106 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

12
style.css
View file

@ -28,7 +28,7 @@ body {
top: 0;
z-index: 50;
padding: .35rem clamp(.45rem, 2vw, 1.25rem);
background: linear-gradient(180deg, rgba(36,26,22,.96), rgba(36,26,22,.82));
background: linear-gradient(180deg, rgba(55,42,34,.88), rgba(43,32,26,.74));
border-bottom: 1px solid rgba(163,138,99,.32);
box-shadow: 0 2px 16px #0008;
backdrop-filter: blur(12px);
@ -78,7 +78,8 @@ h2 { margin-bottom: 0; font-size: 1.1rem; }
border-radius: 10px;
background: rgba(24,18,15,.72);
}
.header-entries.is-collapsed { display: none; }
.header-entries.is-collapsed tbody { display: none; }
.header-entries thead { cursor: pointer; user-select: none; }
.header-entries .table-wrap { overflow-x: auto; overflow-y: visible; }
.compact-entries-table { font-size: .74rem; }
.compact-entries-table th,
@ -389,8 +390,8 @@ tbody tr:hover { background: rgba(255,255,255,.04); }
.header-entries .table-wrap { overflow-x: visible; overflow-y: visible; }
.compact-entries-table,
.compact-entries-table tbody { display: block; width: 100%; }
.compact-entries-table thead { display: none; }
.compact-entries-table tr {
.compact-entries-table thead { display: table-header-group; cursor: pointer; }
.compact-entries-table tbody tr {
display: grid;
grid-template-columns: minmax(0, 1fr) repeat(4, auto);
gap: .12rem .32rem;
@ -398,7 +399,7 @@ tbody tr:hover { background: rgba(255,255,255,.04); }
padding: .18rem 0;
border-bottom: 1px solid rgba(163,138,99,.22);
}
.compact-entries-table tr:last-child { border-bottom: 0; }
.compact-entries-table tbody tr:last-child { border-bottom: 0; }
.compact-entries-table td {
display: block;
border-bottom: 0;
@ -406,6 +407,7 @@ tbody tr:hover { background: rgba(255,255,255,.04); }
white-space: normal;
line-height: 1.05;
}
.compact-entries-table th { padding: .12rem .2rem; font-size: .62rem; }
.compact-entries-table td:nth-child(1) { grid-column: 1 / -1; min-width: 0; }
.compact-entries-table td:nth-child(2)::before { content: 'wd '; color: var(--muted); font-weight: 700; }
.compact-entries-table td:nth-child(3)::before { content: 'vd '; color: var(--muted); font-weight: 700; }