From 6410d4c3e5d3efb1e8e4b1c18aec0a857317cfcb Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Mon, 11 Feb 2019 15:18:21 +0100
Subject: [PATCH] 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.
---
 app/assets/stylesheets/participation.scss |  7 -------
 app/assets/stylesheets/stats.scss         | 14 +++++++++++++-
 app/views/budgets/stats/show.html.erb     |  8 ++++----
 app/views/polls/stats.html.erb            |  6 +++---
 4 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index ad447f909..a9b4aca69 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -1988,13 +1988,6 @@
 .polls-results-stats {
 
   .sidebar {
-    border-bottom: 1px solid $border;
-    margin-bottom: $line-height;
-
-    @include breakpoint(medium) {
-      border-bottom: 0;
-      border-right: 1px solid $border;
-    }
 
     .menu:not(.vertical) {
       padding: 0;
diff --git a/app/assets/stylesheets/stats.scss b/app/assets/stylesheets/stats.scss
index 34de4361b..1878f2ed5 100644
--- a/app/assets/stylesheets/stats.scss
+++ b/app/assets/stylesheets/stats.scss
@@ -1,7 +1,19 @@
 .participation-stats {
 
+  @include breakpoint(medium) {
+
+    .stats-content {
+      border-left: 1px solid $border;
+    }
+  }
+
   .sidebar {
-    border-right: 1px solid $border;
+    border-bottom: 1px solid $border;
+    margin-bottom: $line-height;
+
+    @include breakpoint(medium) {
+      border-bottom: 0;
+    }
 
     ul {
       margin-left: $line-height / 2;
diff --git a/app/views/budgets/stats/show.html.erb b/app/views/budgets/stats/show.html.erb
index c605ba4be..34f0f2c75 100644
--- a/app/views/budgets/stats/show.html.erb
+++ b/app/views/budgets/stats/show.html.erb
@@ -39,8 +39,8 @@
       </div>
     </div>
 
-    <main>
-      <div class="small-12 medium-3 sidebar">
+    <div class="row margin">
+      <div class="small-12 medium-3 column sidebar">
         <%= render "shared/stats/links" %>
 
         <p><strong><%= link_to t("stats.advanced"), "#advanced_statistics" %></strong></p>
@@ -57,7 +57,7 @@
         </ul>
       </div>
 
-      <div class="small-12 medium-9">
+      <div class="small-12 medium-9 column stats-content">
         <%= render "shared/stats/participation", stats: @stats %>
 
         <div id="advanced_statistics">
@@ -164,6 +164,6 @@
           </div>
         </div>
       </div>
-    </main>
+    </div>
   </div>
 <% end %>
diff --git a/app/views/polls/stats.html.erb b/app/views/polls/stats.html.erb
index 370ace908..37d878c0b 100644
--- a/app/views/polls/stats.html.erb
+++ b/app/views/polls/stats.html.erb
@@ -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="row margin">
+    <div class="small-12 medium-3 column sidebar">
       <%= render "shared/stats/links" %>
 
       <p><strong><%= link_to t("stats.advanced"), "#advanced_statistics" %></strong></p>
@@ -29,7 +29,7 @@
       </ul>
     </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 %>
 
       <div id="advanced_statistics">