mirror of
https://github.com/Growstuff/growstuff.git
synced 2026-11-01 02:39:26 -05:00
.close with a times character -> .btn-close (which draws its own cross), with an aria-label on each. The alert helper said alert-dismissable, Bootstrap 3's spelling; Bootstrap 5 needs alert-dismissible for the close button's spacing. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
26 lines
1.1 KiB
Plaintext
26 lines
1.1 KiB
Plaintext
#modelFailedPlantingForm.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "failed-planting-button", role: "dialog", tabindex: "-1"}
|
|
.modal-dialog{role: "document"}
|
|
.modal-content
|
|
.modal-header.text-center
|
|
%h4.modal-title.w-100.fw-bold Mark #{crop.name} planting as failed
|
|
%button.btn-close{"aria-label" => "Close", "data-bs-dismiss" => "modal", type: "button"}
|
|
.modal-body
|
|
%p Which planting would you like to mark as failed?
|
|
|
|
%ul.list-group
|
|
- active_plantings.each do |planting|
|
|
%li.list-group-item
|
|
= link_to planting_path(planting, planting: {failed: 1}), method: :put do
|
|
.d-flex.justify-content-between
|
|
%span
|
|
%h4= planting.garden.name
|
|
%p Planted #{planting.planted_at}
|
|
%span
|
|
= finished_icon
|
|
.mt-3.text-end
|
|
= link_to 'cancel', '', "data-bs-dismiss" => "modal", class: 'btn btn-secondary'
|
|
|
|
%a.btn#failed-planting-button{"data-bs-target" => "#modelFailedPlantingForm", "data-bs-toggle" => "modal", href: ""}
|
|
= finished_icon
|
|
Mark as failed
|