Replaced H2 messages header links with Bootstrap nav links

Following suggestion from https://github.com/openstreetmap/openstreetmap-website/issues/2962#issuecomment-768985393

diff --git a/app/views/messages/inbox.html.erb b/app/views/messages/inbox.html.erb
index 0fb5107ce606aa0b946b484eb6590e06a5c45e16..fb351760959368406fa2483bdabfa19ad5b9a861 100644 (file)
--- a/app/views/messages/inbox.html.erb
+++ b/app/views/messages/inbox.html.erb
@@ -3,7 +3,14 @@
 <% end %>
 
 <% content_for :heading do %>
 <% end %>
 
 <% content_for :heading do %>

-  <h2><%= t ".my_inbox" %>/<%= link_to t(".outbox"), outbox_messages_path %></h2>
+  <ul class="nav nav-pills">
+    <li class="nav-item">
+      <a class="nav-link active"><%= t ".my_inbox" %></a>
+    </li>
+    <li class="nav-item">
+      <%= link_to t(".my_outbox"), outbox_messages_path, class: "nav-link" %>
+    </li>
+  </ul>

 <% end %>
 
   <h4><%= render :partial => "message_count" %></h4>
 <% end %>
 
   <h4><%= render :partial => "message_count" %></h4>

diff --git a/app/views/messages/outbox.html.erb b/app/views/messages/outbox.html.erb
index 5ae9706b7d6dd61f30daec44271d6e56ef5aa2af..e61f85875d39bbf657610b37dfa675c40bb86465 100644 (file)
--- a/app/views/messages/outbox.html.erb
+++ b/app/views/messages/outbox.html.erb
@@ -3,7 +3,14 @@
 <% end %>
 
 <% content_for :heading do %>
 <% end %>
 
 <% content_for :heading do %>

-  <h2><%= t(".my_inbox_html", :inbox_link => link_to(t(".inbox"), inbox_messages_path)) %>/<%= t ".outbox" %></h2>
+  <ul class="nav nav-pills">
+    <li class="nav-item">
+      <%= link_to t(".my_inbox"), inbox_messages_path, class: "nav-link" %>
+    </li>
+    <li class="nav-item">
+      <a class="nav-link active"><%= t ".my_outbox" %></a>
+    </li>
+  </ul>

 <% end %>
 
 <h4><%= t ".messages", :count => current_user.sent_messages.size %></h4>
 <% end %>
 
 <h4><%= t ".messages", :count => current_user.sent_messages.size %></h4>