chore: Update button styles for text buttons (#4450)

ideacrew · Sep 16, 2024 · f3bfab9 · f3bfab9
1 parent d5368d3
commit f3bfab9
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/app/javascript/css/_buttons.scss b/app/javascript/css/_buttons.scss
@@ -232,3 +232,20 @@ button.accordion-action {
   margin-top: 1rem;
   translate: 0.25rem 0;
 }
+
+button.text-button {
+  background-color: transparent;
+  border: none;
+  color: var(--button-primary-color);
+  cursor: pointer;
+  text-decoration: underline;
+  font-weight: normal;
+  padding: 0;
+  &:hover {
+    background-color: transparent;
+    color: var(--button-primary-active-color);
+  }
+  &:active {
+    color: var(--button-primary-active-color);
+  }
+}
diff --git a/app/views/shared/_shopping_nav_panel.html.erb b/app/views/shared/_shopping_nav_panel.html.erb
@@ -33,9 +33,9 @@
 
       <% if show_exit_button %>
         <li>
-          <a href=<%= main_app.destroy_user_session_path %>>
+          <button class="text-button" href=<%= main_app.destroy_user_session_path %>>
             <%= l10n("log_out") %>
-          </a>
+          </button>
         </li>
       <% end %>
     </ul>