Indicate the active page title

shakacode · Nov 3, 2023 · 78fd9b3 · 78fd9b3
1 parent 1c237e7
commit 78fd9b3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/app/assets/stylesheets/welcome.scss b/app/assets/stylesheets/welcome.scss
@@ -22,6 +22,10 @@ nav {
     &:hover {
       background-color: #edd;
     }
+
+    &.active {
+      background-color: #edd;
+    }
   }
 }
 
diff --git a/app/views/welcome/_nav.html.erb b/app/views/welcome/_nav.html.erb
@@ -1,4 +1,4 @@
 <nav >
-  <%= link_to "Client Side Rendering", '/welcome/csr' %>
-  <%= link_to "Server Side Rendering", '/welcome/ssr' %>
+  <%= link_to "Client Side Rendering", '/welcome/csr', class: current_page?(welcome_csr_path) ? "active" : "" %>
+  <%= link_to "Server Side Rendering", '/welcome/ssr', class: current_page?(welcome_ssr_path) ? "active" : "" %>
 </nav>