Style update
This commit is contained in:
parent
8ee4fef1a3
commit
30985747a6
2 changed files with 2 additions and 1 deletions
2
app.js
2
app.js
|
|
@ -424,7 +424,7 @@ function renderMonthRow(month) {
|
||||||
const balanceClass = month.availableDays < -0.001 ? 'bad-text' : 'good-text';
|
const balanceClass = month.availableDays < -0.001 ? 'bad-text' : 'good-text';
|
||||||
const entries = month.entries.length
|
const entries = month.entries.length
|
||||||
? month.entries.map((item) => `
|
? month.entries.map((item) => `
|
||||||
<span class="month-entry">
|
<span class="month-entry ${isPastEntry(item) ? 'past-vacation-entry' : ''}">
|
||||||
<strong>${escapeHtml(item.title)}</strong>
|
<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-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>
|
<small class="planner-entry-dates">${formatDate(item.start_date)} → ${formatDate(item.end_date)}</small>
|
||||||
|
|
|
||||||
|
|
@ -349,6 +349,7 @@ tbody tr:hover { background: rgba(255,255,255,.04); }
|
||||||
color: var(--ink);
|
color: var(--ink);
|
||||||
}
|
}
|
||||||
.month-entry small { color: var(--muted); }
|
.month-entry small { color: var(--muted); }
|
||||||
|
.month-entry.past-vacation-entry > strong { text-decoration: line-through; }
|
||||||
.entry-date { font-size: .68rem; }
|
.entry-date { font-size: .68rem; }
|
||||||
.planner-entry-meta {
|
.planner-entry-meta {
|
||||||
display: inline;
|
display: inline;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue