Description:
I'd like to request a new configuration option — something like row_gap — that adds vertical space between event rows without extending the height of the border-inline-start accent bar.
Current behaviour:
The existing event_spacing option adds padding to div.event-content inside each td. Because the accent bar is rendered as border-inline-start on the td itself, any padding increase also extends the bar height. This makes it impossible to create visual separation between events without the bars merging into one continuous line.
Desired behaviour:
A row_gap (or equivalent) option that adds space between elements — effectively border-spacing on the day table — so each event's accent bar appears as a distinct, separate block with a visible gap above and below it.
Why this matters:
When multiple calendars are shown with different accent_color values, the bars are the primary visual cue for which calendar an event belongs to. Gaps between bars make the calendar significantly easier to scan at a glance. Without gaps, consecutive events from different calendars can look like one continuous multi-coloured bar.
Suggested implementation:
Apply border-collapse: separate and border-spacing: 0 <row_gap> to the day table, controlled by a new top-level config key:
row_gap: 6px
Description:
I'd like to request a new configuration option — something like
row_gap— that adds vertical space between event rows without extending the height of the border-inline-start accent bar.Current behaviour:
The existing event_spacing option adds padding to div.event-content inside each td. Because the accent bar is rendered as border-inline-start on the td itself, any padding increase also extends the bar height. This makes it impossible to create visual separation between events without the bars merging into one continuous line.
Desired behaviour:
A row_gap (or equivalent) option that adds space between elements — effectively border-spacing on the day table — so each event's accent bar appears as a distinct, separate block with a visible gap above and below it.
Why this matters:
When multiple calendars are shown with different accent_color values, the bars are the primary visual cue for which calendar an event belongs to. Gaps between bars make the calendar significantly easier to scan at a glance. Without gaps, consecutive events from different calendars can look like one continuous multi-coloured bar.
Suggested implementation:
Apply border-collapse: separate and border-spacing: 0 <row_gap> to the day table, controlled by a new top-level config key:
row_gap: 6px