|
1 | | -<div class="reveal" id="show-focus-modal-<%= answer.slug %>" data-reveal> |
2 | | - <div class="reveal__header"> |
3 | | - <h3 class="reveal__title"><%= translated_attribute(answer.title) %></h3> |
4 | | - <button class="close-button" data-close aria-label="Close modal" |
5 | | - type="button"> |
6 | | - <span aria-hidden="true">×</span> |
7 | | - </button> |
8 | | - </div> |
9 | | - <div class="row m-bottom"> |
10 | | - <div class="columns"> |
| 1 | +<%= decidim_modal id: "show-focus-modal-#{answer.slug}", class: "election-question__modal" do %> |
| 2 | + <div data-dialog-container> |
| 3 | + <%= icon "arrow-right-line" %> |
| 4 | + |
| 5 | + <h2 class="h2" id="dialog-title-show-focus-modal-<%= answer.slug %>" data-dialog-title> |
| 6 | + <%= translated_attribute(answer.title) %> |
| 7 | + </h2> |
| 8 | + |
| 9 | + <div class="election-question__modal-explanation"> |
11 | 10 | <% if answer.photos.any? %> |
12 | | - <div class="section"> |
| 11 | + <div class="election-question__modal-grid"> |
13 | 12 | <% answer.photos.each do |photo| %> |
14 | | - <%= image_tag photo.thumbnail_url, class:"thumbnail", alt: strip_tags(translated_attribute(photo.title)) %> |
| 13 | + <%= image_tag photo.thumbnail_url, alt: strip_tags(translated_attribute(photo.title)) %> |
15 | 14 | <% end %> |
16 | 15 | </div> |
17 | 16 | <% end %> |
| 17 | + |
18 | 18 | <% if answer.description %> |
19 | | - <div class="section"> |
| 19 | + <div class="editor-content"> |
20 | 20 | <%== translated_attribute(answer.description) %> |
21 | 21 | </div> |
22 | 22 | <% end %> |
23 | | - </div> |
24 | | - <div class="section"> |
| 23 | + |
25 | 24 | <% if answer.proposals.any? %> |
26 | | - <h4><%= t("decidim.elections.votes.modal.proposal_header") %></h4> |
| 25 | + <h3 class="h4"><%= t("decidim.elections.votes.modal.proposal_header") %></h3> |
27 | 26 | <ul> |
28 | 27 | <% answer.proposals.each do |proposal| %> |
29 | 28 | <li> |
|
36 | 35 | <% end %> |
37 | 36 | </div> |
38 | 37 | </div> |
39 | | - <div class="row"> |
40 | | - <div class="columns medium-4 medium-centered"> |
41 | | - <button class="button expanded" data-close> |
42 | | - <%= t("decidim.elections.votes.modal.close") %> |
43 | | - </button> |
44 | | - </div> |
| 38 | + <div data-dialog-actions> |
| 39 | + <button data-dialog-close="show-focus-modal-<%= answer.slug %>" class="button button__sm md:button__lg button__secondary"> |
| 40 | + <%= t("decidim.elections.votes.modal.close") %> |
| 41 | + </button> |
45 | 42 | </div> |
46 | | -</div> |
| 43 | +<% end %> |
0 commit comments