Use flex instead of equalizer in polls results
Note that the sidebar class isn't used since commit b91b766e9, so we're
removing it.
This commit is contained in:
22
app/assets/stylesheets/polls/results.scss
Normal file
22
app/assets/stylesheets/polls/results.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
.polls-results {
|
||||
.polls-results-content {
|
||||
margin-bottom: $line-height;
|
||||
margin-top: $line-height;
|
||||
|
||||
@include breakpoint(medium) {
|
||||
display: flex;
|
||||
|
||||
> :first-child {
|
||||
flex-basis: 25%;
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
flex-basis: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
> * {
|
||||
@include grid-column-gutter;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -5,8 +5,8 @@
|
||||
|
||||
<%= render "poll_subnav" %>
|
||||
|
||||
<div class="row margin" data-equalizer data-equalize-on="medium">
|
||||
<div class="small-12 medium-3 column sidebar" data-equalizer-watch>
|
||||
<div class="polls-results-content">
|
||||
<div>
|
||||
<p><strong><%= t("polls.show.results.title") %></strong></p>
|
||||
<ul class="menu vertical">
|
||||
<%- poll.questions.each do |question| %>
|
||||
@@ -15,7 +15,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="small-12 medium-9 column" data-equalizer-watch>
|
||||
<div>
|
||||
<%= render Polls::Results::QuestionComponent.with_collection(poll.questions) %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user