refactor(microprints): move expand/collapse button above microprint
- Button is now on top of the card, matching qwan-tracker layout - Microprint SVG shown when collapsed, source viewer when expanded - Fixes DOM confusion from duplicate source-viewer IDs by only rendering one source_viewer at a time
This commit is contained in:
parent
3434042aed
commit
aaf4c6a2c7
@ -55,19 +55,10 @@ defmodule FirehoseWeb.MicroprintsLive do
|
||||
</h3>
|
||||
|
||||
<%= if microprint do %>
|
||||
<.microprint
|
||||
microprint={microprint}
|
||||
width={200}
|
||||
max_height={100}
|
||||
clickable={true}
|
||||
file_path={path}
|
||||
highlighted_line={@highlighted_line}
|
||||
/>
|
||||
|
||||
<button
|
||||
phx-click="toggle_expand"
|
||||
phx-value-path={path}
|
||||
class="btn btn-xs btn-ghost mt-2 w-full"
|
||||
class="btn btn-xs btn-ghost w-full"
|
||||
>
|
||||
<%= if @expanded_path == path do %>
|
||||
Collapse
|
||||
@ -82,6 +73,15 @@ defmodule FirehoseWeb.MicroprintsLive do
|
||||
highlighted_line={@highlighted_line}
|
||||
language="elixir"
|
||||
/>
|
||||
<% else %>
|
||||
<.microprint
|
||||
microprint={microprint}
|
||||
width={200}
|
||||
max_height={100}
|
||||
clickable={true}
|
||||
file_path={path}
|
||||
highlighted_line={@highlighted_line}
|
||||
/>
|
||||
<% end %>
|
||||
<% else %>
|
||||
<div class="text-xs text-red-500 mt-1">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user