From 94087d04535261d97e0d8e3ffcbeb2e34244b93e Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Mon, 9 Apr 2018 19:33:05 +0200
Subject: [PATCH] Updates tabs component for legislation proposals

---
 .../proposals/_filter_subnav.html.erb         | 31 ++++++++++---------
 app/views/legislation/proposals/show.html.erb | 10 ++++--
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/app/views/legislation/proposals/_filter_subnav.html.erb b/app/views/legislation/proposals/_filter_subnav.html.erb
index 0250d36db..3b404338b 100644
--- a/app/views/legislation/proposals/_filter_subnav.html.erb
+++ b/app/views/legislation/proposals/_filter_subnav.html.erb
@@ -1,14 +1,17 @@
-<div class="row">
-  <div class="small-12 column">
-    <ul class="tabs" data-tabs id="proposals-tabs">
-      <li class="tabs-title is-active">
-        <%= link_to "#tab-comments" do %>
-          <h3>
-            <%= t("proposals.show.comments_tab") %>
-            <span class="js-comments-count">(<%= @proposal.comments_count %>)</span>
-          </h3>
-        <% end %>
-      </li>
-    </ul>
-  </div>
-</div>
+<ul class="tabs"
+    id="legislation_proposals_tabs"
+    role="tablist"
+    data-deep-link="true"
+    data-update-history="true"
+    data-deep-link-smudge="true"
+    data-deep-link-smudge="500"
+    data-tabs>
+  <li class="tabs-title is-active">
+    <%= link_to "#tab-comments" do %>
+      <h3>
+        <%= t("proposals.show.comments_tab") %>
+        <span class="js-comments-count">(<%= @proposal.comments_count %>)</span>
+      </h3>
+    <% end %>
+  </li>
+</ul>
diff --git a/app/views/legislation/proposals/show.html.erb b/app/views/legislation/proposals/show.html.erb
index 1867644ca..62f35d614 100644
--- a/app/views/legislation/proposals/show.html.erb
+++ b/app/views/legislation/proposals/show.html.erb
@@ -113,10 +113,14 @@
   </div>
 <% end %>
 
-<div class="tabs-content" data-tabs-content="proposals-tabs" role="tablist">
-  <%= render "legislation/proposals/filter_subnav" %>
+<div class="row">
+  <div class="small-12 column">
+    <%= render "legislation/proposals/filter_subnav" %>
+  </div>
+</div>
 
-  <div class="tabs-panel is-active" id="tab-comments">
+<div class="tabs-content" data-tabs-content="legislation_proposals_tabs">
+  <div class="tabs-panel is-active" id="tab-comments" role="tab">
     <%= render "legislation/proposals/comments" %>
   </div>
 </div>