fixes styles for polls tabs, uses underscore for ids

This commit is contained in:
decabeza
2017-10-19 12:23:57 +02:00
parent 78fa77b28d
commit a0eb6e56a1
3 changed files with 13 additions and 10 deletions

View File

@@ -318,13 +318,16 @@ a {
} }
.tabs { .tabs {
border: { border-left: 0;
left: 0; border-right: 0;
right: 0; border-top: 0;
top: 0;
};
margin-bottom: $line-height; margin-bottom: $line-height;
.tabs-title {
font-size: $base-font-size;
margin-bottom: 0;
}
.tabs-title > a { .tabs-title > a {
color: $text-medium; color: $text-medium;
margin-bottom: rem-calc(-1); margin-bottom: rem-calc(-1);

View File

@@ -1,8 +1,8 @@
<div class="row"> <div class="row margin-top">
<div class="small-12 column"> <div class="small-12 column">
<ul class="tabs" data-tabs id="polls-tabs"> <ul class="tabs" data-tabs id="polls_tabs">
<li class="tabs-title is-active"> <li class="tabs-title is-active">
<%= link_to "#tab-comments" do %> <%= link_to "#tab_comments" do %>
<h3> <h3>
<%= t("polls.show.comments_tab") %> <%= t("polls.show.comments_tab") %>
<span class="js-comments-count">(<%= @poll.comments_count %>)</span> <span class="js-comments-count">(<%= @poll.comments_count %>)</span>

View File

@@ -124,10 +124,10 @@
</div> </div>
<div class="tabs-content" data-tabs-content="proposals-tabs" role="tablist"> <div class="tabs-content" data-tabs-content="polls_tabs" role="tablist">
<%= render "filter_subnav" %> <%= render "filter_subnav" %>
<div class="tabs-panel is-active" id="tab-comments"> <div class="tabs-panel is-active" id="tab_comments">
<%= render "comments" %> <%= render "comments" %>
</div> </div>
</div> </div>