diff --git a/src/app/globals.css b/src/app/globals.css
index 9cd89fd..0620704 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -3173,6 +3173,26 @@ h3 {
.weekly-day-column {
min-height: auto;
}
+
+ /* D) Mobile: sticky day header at top so user always knows which day */
+ .weekly-days-grid {
+ overflow-y: auto;
+ overflow-x: hidden;
+ }
+
+ .weekly-day-column {
+ overflow-y: visible;
+ overflow-x: visible;
+ max-height: none;
+ }
+
+ .weekly-day-header {
+ position: sticky;
+ top: 0;
+ z-index: 10;
+ background: var(--weekly-bg, white);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+ }
}
@media (max-width: 480px) {
@@ -3191,15 +3211,6 @@ h3 {
font-size: 1rem;
}
- /* D) Mobile: sticky day header at top so user always knows which day */
- .weekly-day-header {
- position: sticky;
- top: 0;
- z-index: 10;
- background: var(--weekly-bg, white);
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
- }
-
.dark-mode .weekly-day-header {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 8709580..5c2ac9d 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -516,7 +516,6 @@ export default function WeeklyView() {
const [currentWeekStart, setCurrentWeekStart] = useState(() => {
const d = new Date();
d.setHours(0, 0, 0, 0);
- d.setDate(d.getDate() - 1);
return d;
});
const [viewDays, setViewDays] = useState(7);
@@ -2151,7 +2150,6 @@ export default function WeeklyView() {
const goToToday = () => {
const d = new Date();
d.setHours(0, 0, 0, 0);
- d.setDate(d.getDate() - 1);
setCurrentWeekStart(d);
};
@@ -3752,9 +3750,7 @@ export default function WeeklyView() {
) : syncError ? (
) : null}
- KW {getWeekNumber((() => { const days = getVisibleDays(); const mid = days[Math.floor(days.length / 2)] || currentWeekStart; return mid; })()).toString().padStart(2, "0")}
- |
- {(() => { const days = getVisibleDays(); const mid = days[Math.floor(days.length / 2)] || currentWeekStart; return mid; })().getFullYear()}
+ KW{getWeekNumber((() => { const days = getVisibleDays(); const mid = days[Math.floor(days.length / 2)] || currentWeekStart; return mid; })()).toString().padStart(2, "0")}/{(() => { const days = getVisibleDays(); const mid = days[Math.floor(days.length / 2)] || currentWeekStart; return mid; })().getFullYear()}
{/* Right: Settings + Overflow */}