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:
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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 %>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user