add hourlines (#3)

This commit is contained in:
Laila van Reenen 2024-05-13 20:22:00 +02:00
parent 5a079ff413
commit 5c0b53b81d
Signed by: LailaTheElf
GPG Key ID: 1F4E6EE3E6DDF769
2 changed files with 21 additions and 0 deletions

View File

@ -93,6 +93,22 @@
color: var(--text-normal); color: var(--text-normal);
} }
.frcal__hourlines {
height: 0;
/* display: contents; */
}
.frcal__hourline {
height: 1px;
width: 100%;
background-color: var(--color-base-30);
}
.frcal__day:nth-child(odd) .frcal__hourline {
/* background-color: var(--background-primary); */
}
.frcal__day:nth-child(even) .frcal__hourline {
/* background-color: var(--background-primary-alt); */
}
.frcal__event span { .frcal__event span {
background-color: var(--frcal--event-background, var(--color-accent)); background-color: var(--frcal--event-background, var(--color-accent));
color: var(--frcal--event-text-color, var(--text-normal)); color: var(--frcal--event-text-color, var(--text-normal));

View File

@ -539,6 +539,11 @@ class CalendarView extends ItemView
{ {
this.allday[day].innerHTML = ""; this.allday[day].innerHTML = "";
this.timed[day].innerHTML = ""; this.timed[day].innerHTML = "";
let hourlinesEl = this.timed[day].createEl("div", { cls: "frcal__hourlines" });
for (let hour = 0; hour < 11; hour++)
{
hourlinesEl.createEl("div", { cls: "frcal__hourline", attr: { style: "margin-top: " + (120*this.zoom-1).toString() + "px"} })
}
} }
let start = parseSingleDate(this.week + " ma 00:00am"); let start = parseSingleDate(this.week + " ma 00:00am");