Highlight current heading on results list

2017-07-10 17:48:04 +02:00
parent 741a342bb0
commit 49f48ddf4b
2 changed files with 7 additions and 1 deletions
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -236,6 +236,11 @@ a {
      border-bottom: 2px solid $brand;
      color: $brand;
    }
+
+    &.bold {
+      font-weight: bold;
+      color: $brand;
+    }
  }

  &.no-margin-top {
--- a/app/views/budgets/results/show.html.erb
+++ b/app/views/budgets/results/show.html.erb
@@ -26,7 +26,8 @@
      </li>

      <% @budget.headings.each do |heading| %>
-        <li>
+        <% active_class = heading.id.to_s == params[:heading_id] ? 'bold' : '' %>
+        <li class="<%= active_class %>">
          <%= link_to heading.name,
                      budget_results_path(@budget, heading_id: heading.id) %>
        </li>