till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-15 16:19:39 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

💄 fix(calendar): add padding to calendar views for bottom UI visibility

Browse source 
- Add padding-top (1rem) and padding-bottom (200px) to time-column and day-column
- Ensures content can be scrolled past the bottom UI (PillNav, InputBar, etc.)
- Applied to DayView, WeekView, and MultiDayView
This commit is contained in:
Till-JS 2026-02-13 22:11:49 +01:00
parent c8b1e92655
commit 6e7080c8c1
3 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
apps/calendar/apps/web/src/lib/components/calendar/DayView.svelte
View file

@ -1009,6 +1009,8 @@
.time-column {
width: 50px;
flex-shrink: 0;
padding-top: 1rem;
padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
}
.time-label {
@ -1033,6 +1035,8 @@
position: relative;
border-left: 1px solid hsl(var(--color-border));
max-width: 600px;
padding-top: 1rem;
padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
}
.day-column.today {

4
apps/calendar/apps/web/src/lib/components/calendar/MultiDayView.svelte
View file

@ -1283,6 +1283,8 @@
.time-column {
width: var(--time-column-width);
flex-shrink: 0;
padding-top: 1rem;
padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
}
.time-label {
@ -1311,6 +1313,8 @@
position: relative;
border-left: 1px solid hsl(var(--color-border));
min-width: 0;
padding-top: 1rem;
padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
}
.day-column.today {

4
apps/calendar/apps/web/src/lib/components/calendar/WeekView.svelte
View file

@ -1302,6 +1302,8 @@
.time-column {
width: var(--time-column-width);
flex-shrink: 0;
padding-top: 1rem;
padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
}
.time-label {
@ -1324,6 +1326,8 @@
flex: 1;
position: relative;
border-left: 1px solid hsl(var(--color-border));
padding-top: 1rem;
padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
}
.day-column.today {