Style update

This commit is contained in:
marijo 2026-06-09 13:11:21 +00:00
parent 8ee4fef1a3
commit 30985747a6
2 changed files with 2 additions and 1 deletions

2
app.js
View file

@ -424,7 +424,7 @@ function renderMonthRow(month) {
const balanceClass = month.availableDays < -0.001 ? 'bad-text' : 'good-text';
const entries = month.entries.length
? month.entries.map((item) => `
<span class="month-entry">
<span class="month-entry ${isPastEntry(item) ? 'past-vacation-entry' : ''}">
<strong>${escapeHtml(item.title)}</strong>
<small class="planner-entry-meta"><strong>${days(item.workdays)} wd</strong> · ${days(item.usedVacation)} vd · ${days(item.usedFeriefridage)} ff · ${hours(item.usedFlex)} fl</small>
<small class="planner-entry-dates">${formatDate(item.start_date)} ${formatDate(item.end_date)}</small>

View file

@ -349,6 +349,7 @@ tbody tr:hover { background: rgba(255,255,255,.04); }
color: var(--ink);
}
.month-entry small { color: var(--muted); }
.month-entry.past-vacation-entry > strong { text-decoration: line-through; }
.entry-date { font-size: .68rem; }
.planner-entry-meta {
display: inline;