Add missing gap between calendar event bubble in time based views.

This commit is contained in:
bed 2025-12-04 13:35:53 +01:00
parent 41c6182b4a
commit 1d2ad727f0
3 changed files with 5 additions and 2 deletions

View file

@ -37,7 +37,7 @@ export class CalendarDayColumn implements ClassComponent<CalendarDayColumnAttrs>
view({ attrs }: Vnode<CalendarDayColumnAttrs>) {
return m(
".grid.plr-unit.z1.grid-auto-columns.rel.min-width-0.gap",
".grid.plr-unit.z1.grid-auto-columns.rel.min-width-0.gap-1",
{
class: this.resolveClasses(attrs.layout),
style: {

View file

@ -37,7 +37,7 @@ export class CalendarTimeColumn implements ClassComponent<CalendarTimeColumnAttr
view({ attrs }: Vnode<CalendarTimeColumnAttrs>) {
return m(
".rel.grid.gap.border-right",
".rel.grid.gap.border-right.gap-1",
{
style: {
gridTemplateRows: `repeat(${attrs.layout.rowCount}, ${px(attrs.layout.gridRowHeight)})`,

View file

@ -1128,6 +1128,9 @@ styles.registerStyle("main", () => {
".fill-grid-column": {
"grid-row": "1 / -1",
},
".gap-1": {
gap: px(1),
},
".gap-4": {
gap: px(size.spacing_4),
},