Move rename dialog inside the menu div

This commit is contained in:
Andy Smith
2025-09-29 14:31:05 -05:00
parent 362655ad9c
commit bbdc5ac8a8
2 changed files with 10 additions and 10 deletions
@@ -11,15 +11,5 @@
<%= render "collections/show/menu/column", column: column %>
<% end %>
<div data-controller="dialog" data-action="keydown.esc->dialog#close click@document->dialog#closeOnClickOutside">
<button id="<%= dom_id(column, :manage_menu) %>" class="popup__btn btn" data-action="click->dialog#open:stop" data-clicker-target="clickable" hidden aria-hidden>Rename column</button>
<dialog class="popup panel flex-column gap fill-white shadow txt-small margin-block-double" data-dialog-target="dialog">
<%= form_with model: [column.collection, column], data: { action: "turbo:submit-end->dialog#close" } do |form| %>
<%= form.text_field :name, class: "input", placeholder: "Column name", value: column.name, required: true %>
<%= form.submit "Rename column", class: "btn btn--link" %>
<% end %>
</dialog>
</div>
<%= column_frame_tag dom_id(column, :cards), src: collection_column_path(column.collection, column) %>
</section>
@@ -23,4 +23,14 @@
</li>
</ul>
</dialog>
<div data-controller="dialog" data-action="keydown.esc->dialog#close click@document->dialog#closeOnClickOutside">
<button id="<%= dom_id(column, :manage_menu) %>" class="popup__btn btn" data-action="click->dialog#open:stop" data-clicker-target="clickable" hidden aria-hidden>Rename column</button>
<dialog class="popup panel flex-column gap fill-white shadow txt-small margin-block-double" data-dialog-target="dialog">
<%= form_with model: [column.collection, column], data: { action: "turbo:submit-end->dialog#close" } do |form| %>
<%= form.text_field :name, class: "input", placeholder: "Column name", value: column.name, required: true %>
<%= form.submit "Rename column", class: "btn btn--link" %>
<% end %>
</dialog>
</div>
</div>