From 8679ebc6e30d339994f66b08f132c25c1e588d4b Mon Sep 17 00:00:00 2001
From: Marcel Raddatz <marcel@raddatz.cloud>
Date: Fri, 10 Apr 2026 12:42:06 +0200
Subject: [PATCH] fix(planner): fix flip tile pointer events and selected ring
 hover

- 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>
---
 frontend/src/lib/planner/DesktopDayTile.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/lib/planner/DesktopDayTile.svelte b/frontend/src/lib/planner/DesktopDayTile.svelte
index 0a09a86..549583c 100644
--- a/frontend/src/lib/planner/DesktopDayTile.svelte
+++ b/frontend/src/lib/planner/DesktopDayTile.svelte
@@ -237,6 +237,10 @@
 	.scene-selected {
 		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 {
 		opacity: 0.42;
 		pointer-events: none;
@@ -262,6 +266,10 @@
 		border-radius: 10px;
 		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 ── */
 	.tile-overlay {