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

fix(planner): fix flip tile pointer events and selected ring hover

Browse Source 
- backface-visibility hides elements visually but not to pointer events;
  disable pointer events on the hidden face explicitly so the X button
  on the back face is clickable and the front face doesn't intercept clicks
- Add .scene-selected:hover rule so green ring is not overwritten by the
  higher-specificity .scene:hover box-shadow

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel Raddatz
2026-04-10 12:42:06 +02:00
parent 0ae1767649
commit 8679ebc6e3
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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 {