Stowage/tutanota
2
0
Fork 0
mirror of https://github.com/tutao/tutanota.git synced 2025-12-08 06:09:50 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
src/common/calendar/gui/CalendarDayColumn.ts
View file

@ -37,7 +37,7 @@ export class CalendarDayColumn implements ClassComponent<CalendarDayColumnAttrs>
view({ attrs }: Vnode<CalendarDayColumnAttrs>) { view({ attrs }: Vnode<CalendarDayColumnAttrs>) {
return m( 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), class: this.resolveClasses(attrs.layout),
style: { style: {

2
src/common/calendar/gui/CalendarTimeColumn.ts
View file

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

3
src/common/gui/main-styles.ts
View file

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