Replace data equalizer with css

Data equalizer was used to show a border to separate sidebar from the content. Now is the same with only css avoiding use js.
This commit is contained in:
decabeza
2019-02-11 15:18:21 +01:00
committed by Javi Martín
parent 2d7b8bc8df
commit 6410d4c3e5
4 changed files with 20 additions and 15 deletions

View File

@@ -1988,13 +1988,6 @@
.polls-results-stats { .polls-results-stats {
.sidebar { .sidebar {
border-bottom: 1px solid $border;
margin-bottom: $line-height;
@include breakpoint(medium) {
border-bottom: 0;
border-right: 1px solid $border;
}
.menu:not(.vertical) { .menu:not(.vertical) {
padding: 0; padding: 0;

View File

@@ -1,7 +1,19 @@
.participation-stats { .participation-stats {
@include breakpoint(medium) {
.stats-content {
border-left: 1px solid $border;
}
}
.sidebar { .sidebar {
border-right: 1px solid $border; border-bottom: 1px solid $border;
margin-bottom: $line-height;
@include breakpoint(medium) {
border-bottom: 0;
}
ul { ul {
margin-left: $line-height / 2; margin-left: $line-height / 2;

View File

@@ -39,8 +39,8 @@
</div> </div>
</div> </div>
<main> <div class="row margin">
<div class="small-12 medium-3 sidebar"> <div class="small-12 medium-3 column sidebar">
<%= render "shared/stats/links" %> <%= render "shared/stats/links" %>
<p><strong><%= link_to t("stats.advanced"), "#advanced_statistics" %></strong></p> <p><strong><%= link_to t("stats.advanced"), "#advanced_statistics" %></strong></p>
@@ -57,7 +57,7 @@
</ul> </ul>
</div> </div>
<div class="small-12 medium-9"> <div class="small-12 medium-9 column stats-content">
<%= render "shared/stats/participation", stats: @stats %> <%= render "shared/stats/participation", stats: @stats %>
<div id="advanced_statistics"> <div id="advanced_statistics">
@@ -164,6 +164,6 @@
</div> </div>
</div> </div>
</div> </div>
</main> </div>
</div> </div>
<% end %> <% end %>

View File

@@ -5,8 +5,8 @@
<%= render "poll_subnav" %> <%= render "poll_subnav" %>
<div class="row margin" data-equalizer data-equalize-on="medium"> <div class="row margin">
<div class="small-12 medium-3 column sidebar" data-equalizer-watch> <div class="small-12 medium-3 column sidebar">
<%= render "shared/stats/links" %> <%= render "shared/stats/links" %>
<p><strong><%= link_to t("stats.advanced"), "#advanced_statistics" %></strong></p> <p><strong><%= link_to t("stats.advanced"), "#advanced_statistics" %></strong></p>
@@ -29,7 +29,7 @@
</ul> </ul>
</div> </div>
<div class="small-12 medium-9 column" data-equalizer-watch> <div class="small-12 medium-9 column stats-content">
<%= render "shared/stats/participation", stats: @stats %> <%= render "shared/stats/participation", stats: @stats %>
<div id="advanced_statistics"> <div id="advanced_statistics">