marcel/mealprep
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(planner): desktop redesign — flip tiles, full-width grid, no right panel #54

Merged
marcel merged 30 commits from feat/issue-52-planner-flip-tiles into master 2026-04-10 15:44:39 +02:00
Conversation 6 Commits 30 Files Changed 18 +8
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8679ebc6e3 - Show all commits

8
frontend/src/lib/planner/DesktopDayTile.svelte
View File

@@ -237,6 +237,10 @@
.scene-selected { .scene-selected {
box-shadow: 0 0 0 2px var(--green-dark), 0 6px 18px rgba(28,28,24,.14); box-shadow: 0 0 0 2px var(--green-dark), 0 6px 18px rgba(28,28,24,.14);
} }
/* Keep ring visible on hover — :hover alone has higher specificity than .scene-selected */
.scene-selected:hover {
box-shadow: 0 0 0 2px var(--green-dark), 0 6px 18px rgba(28,28,24,.14);
}
.scene-dimmed { .scene-dimmed {
opacity: 0.42; opacity: 0.42;
pointer-events: none; pointer-events: none;
@@ -262,6 +266,10 @@
border-radius: 10px; border-radius: 10px;
overflow: hidden; overflow: hidden;
} }
/* backface-visibility hides visually but NOT pointer events — disable manually */
.card-back { pointer-events: none; }
.card.flipped .card-back { pointer-events: auto; }
.card.flipped .card-front { pointer-events: none; }
/* ── Front face ── */ /* ── Front face ── */
.tile-overlay { .tile-overlay {