consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use grid instead of Equalizer in dashboard polls

Browse Source
This commit is contained in:
taitus
2025-06-30 16:10:16 +02:00
committed by Javi Martín
parent de303aa1df
commit 3b08fa2e05
4 changed files with 40 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/dashboard/poll.scss
View File

@@ -1,7 +1,8 @@
.dashboard-poll .poll-card { .dashboard-poll {
background: #e7f3fd; background: #e7f3fd;
border-radius: rem-calc(4); border-radius: rem-calc(4);
margin-bottom: $line-height; display: flex;
flex-direction: column;
min-height: $line-height * 9; min-height: $line-height * 9;
padding: $line-height; padding: $line-height;
position: relative; position: relative;

7
app/assets/stylesheets/dashboard/polls.scss Normal file
View File

@@ -0,0 +1,7 @@
.dashboard-polls {
display: grid;
gap: $line-height;
grid-auto-rows: 1fr;
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
margin-top: $line-height;
}

4
app/components/dashboard/poll_component.html.erb
View File

@@ -1,5 +1,4 @@
<div id="<%= dom_id(poll) %>" class="dashboard-poll small-12 medium-6 large-4 column end"> <div id="<%= dom_id(poll) %>" class="dashboard-poll">
<div class="poll-card" data-equalizer-watch="poll-cards">
<h4><%= link_to poll.title, proposal_poll_path(proposal, poll) %></h4> <h4><%= link_to poll.title, proposal_poll_path(proposal, poll) %></h4>
<span class="small"> <span class="small">
<%= l(poll.starts_at.to_date) %> - <%= l(poll.ends_at.to_date) %> <%= l(poll.starts_at.to_date) %> - <%= l(poll.ends_at.to_date) %>
@@ -32,5 +31,4 @@
method: :delete, method: :delete,
"data-confirm": t("dashboard.polls.poll.alert_notice"), "data-confirm": t("dashboard.polls.poll.alert_notice"),
class: "delete" %> class: "delete" %>
</div>
</div> </div>

2
app/components/dashboard/polls_component.html.erb
View File

@@ -1,4 +1,4 @@
<div class="row expanded margin-top" data-equalizer="poll-cards" data-equalize-on="medium"> <div class="dashboard-polls">
<% polls.each do |poll| %> <% polls.each do |poll| %>
<%= render Dashboard::PollComponent.new(poll) %> <%= render Dashboard::PollComponent.new(poll) %>
<% end %> <% end %>