Deployment and lifecycle management for Nix
fix: scope log toggle click to header row only, not the log content
Clicking the expanded log itself was triggering collapse, preventing text
selection and other interactions. Move phx-click from article to the
header div so only the header row toggles the log.
sow-115
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+9
-7
+9
-7
apps/sower/lib/sower_web/live/deployment_live/show.ex
+9
-7
apps/sower/lib/sower_web/live/deployment_live/show.ex
···
70
70
<article
71
71
:for={sd <- @deployment.seed_deployments}
72
72
id={"seed-log-#{sd.seed.sid}"}
73
-
class={[
74
-
"rounded-lg border border-zinc-200/50 dark:border-zinc-700/50 p-4",
75
-
sd.log && "cursor-pointer"
76
-
]}
77
-
phx-click={sd.log && "toggle_seed_log"}
78
-
phx-value-seed_sid={sd.log && sd.seed.sid}
73
+
class="rounded-lg border border-zinc-200/50 dark:border-zinc-700/50 p-4"
79
74
>
80
-
<div class="flex flex-wrap items-center justify-between gap-2 sm:gap-4">
75
+
<div
76
+
class={[
77
+
"flex flex-wrap items-center justify-between gap-2 sm:gap-4",
78
+
sd.log && "cursor-pointer"
79
+
]}
80
+
phx-click={sd.log && "toggle_seed_log"}
81
+
phx-value-seed_sid={sd.log && sd.seed.sid}
82
+
>
81
83
<div class="text-sm font-semibold text-zinc-900 dark:text-zinc-200 flex flex-wrap items-center gap-2 min-w-0">
82
84
<.link
83
85
navigate={~p"/seeds/#{sd.seed.sid}"}