vinzenz/hyperhive
vinzenz/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(#1097): overhaul schedule table style and layout

Browse source 
- Wrap table in .schedules-table-wrap (overflow-x: auto) so it
  never exceeds the page width on narrow viewports
- Add .schedules-table-next-col (width: 8em) and
  .schedules-table-every-col (width: 7em) with white-space: nowrap
  to stop those columns from stealing space from the body column
- Align visual style with the perm page tables: unified border on
  all cells (was: border-top row separator only), bg-elev thead,
  font-size 0.82em (was 0.9em), min-width: 100% on the table itself
This commit is contained in:
iris 2026-06-02 22:42:59 +02:00 • committed by mara
commit 5da7f6cd3a
2 changed files with 21 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

27
frontend/packages/dashboard/src/dashboard.css
View file

@ -1256,23 +1256,29 @@ footer .banner-thin {
}
.schedule-interval-preview-oneshot { color: var(--muted); font-style: italic; }
.schedules-table-wrap { overflow-x: auto; margin-top: 0.5em; }
.schedules-table {
width: 100%;
min-width: 100%;
border-collapse: collapse;
font-size: 0.9em;
font-size: 0.82em;
}
.schedules-table th,
.schedules-table td {
padding: 0.35em 0.6em;
border: 1px solid var(--border);
vertical-align: middle;
}
.schedules-table thead th {
vertical-align: bottom;
padding: 0.3em 0.5em;
text-align: left;
background: var(--bg-elev);
color: var(--muted);
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.8em;
border-bottom: 1px solid var(--border);
white-space: nowrap;
}
.schedules-table-id { width: 3em; }
.schedules-table-id { width: 3em; text-align: center; }
.schedules-table-next-col { width: 8em; white-space: nowrap; }
.schedules-table-every-col { width: 7em; white-space: nowrap; }
.schedules-table-body-th { min-width: 12em; }
.schedules-table-actions-th { width: 7em; }
.schedules-table-agent-th {
@ -1300,11 +1306,6 @@ footer .banner-thin {
display: inline-block;
padding: 0 4px 1px;
}
.schedules-table tbody td {
padding: 0.3em 0.5em;
border-top: 1px solid var(--border);
vertical-align: middle;
}
.schedules-table-row-cancelled td { opacity: 0.55; }
.schedules-table-body-cell {
max-width: 30em;