0d3c4c8154
This way we won't have to add the `inline-block` and `no-bullet` classes to other elements and we can define the styles in one place. Note we're using the `ul.tags` selector instead of just `.tags` to avoid conflicts with a `div.tags` selector which is used to select tags in a form. Renaming the selector to `.tag-list` would be better, but we aren't doing so because it would break custom stylesheets using that selector. Also note we're keeping the %tags placeholder selector in `.tags` selector in the participation.scss file. This is so styles are not overwritten by selectors like `.debate-show ul li`, which has the same specifity as `ul.tags li`.
70 lines
2.7 KiB
Plaintext
70 lines
2.7 KiB
Plaintext
<% poll_group.each do |poll| %>
|
|
<div class="poll with-image">
|
|
<% if !user_signed_in? %>
|
|
<div class="icon-poll-answer not-logged-in" title="<%= t("polls.index.not_logged_in") %>">
|
|
<span class="show-for-sr"><%= t("polls.index.not_logged_in") %></span>
|
|
</div>
|
|
<% elsif user_signed_in? %>
|
|
<% if current_user.unverified? %>
|
|
<div class="icon-poll-answer unverified" title="<%= t("polls.index.unverified") %>">
|
|
<span class="show-for-sr"><%= t("polls.index.unverified") %></span>
|
|
</div>
|
|
<% elsif cannot?(:answer, poll) %>
|
|
<div class="icon-poll-answer cant-answer" title="<%= t("polls.index.cant_answer") %>">
|
|
<span class="show-for-sr"><%= t("polls.index.cant_answer") %></span>
|
|
</div>
|
|
<% elsif !poll.votable_by?(current_user) %>
|
|
<div class="icon-poll-answer already-answer" title="<%= t("polls.index.already_answer") %>">
|
|
<span class="show-for-sr"><%= t("polls.index.already_answer") %></span>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
<div class="row" data-equalizer data-equalize-on="medium">
|
|
<div class="small-12 medium-3 column">
|
|
<div class="image-container" data-equalizer-watch>
|
|
<% if poll.image.present? %>
|
|
<%= image_tag poll.image_url(:large), alt: poll.image.title.unicode_normalize %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div class="small-12 medium-6 column" data-equalizer-watch>
|
|
<div class="dates"></div>
|
|
<% if poll.questions.one? %>
|
|
<h4><%= link_to_poll poll.questions.first.title, poll %></h4>
|
|
<%= poll_dates(poll) %>
|
|
<% else %>
|
|
<h4><%= link_to_poll poll.name, poll %></h4>
|
|
<%= poll_dates(poll) %>
|
|
|
|
<ul class="margin-top">
|
|
<% poll.questions.each do |question| %>
|
|
<li><%= question.title %></li>
|
|
<% end %>
|
|
</ul>
|
|
<% end %>
|
|
<% if poll.geozones.any? %>
|
|
<p>
|
|
<small><%= t("polls.index.geozone_info") %></small>
|
|
</p>
|
|
<% end %>
|
|
<ul class="tags">
|
|
<% poll.geozones.each do |g| %>
|
|
<li><span><%= g.name %></span></li>
|
|
<% end %>
|
|
</ul>
|
|
</div>
|
|
<div class="small-12 medium-3 column table" data-equalizer-watch>
|
|
<div class="table-cell align-middle">
|
|
<%= link_to poll_path(id: poll.slug || poll.id), class: "button hollow expanded" do %>
|
|
<% if poll.expired? %>
|
|
<%= t("polls.index.participate_button_expired") %>
|
|
<% else %>
|
|
<%= t("polls.index.participate_button") %>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|