Merge pull request #998 from basecamp/jz/fizzy-nav

Minor Fizzy menu tweaks

app/assets/stylesheets/fizzy-menu.css

@@ -1,9 +1,9 @@
 @layer components {
   .input:is(.fizzy-menu-trigger) {
-    --input-border-color: var(--color-selected-dark);
+    --input-background: var(--color-canvas);
+    --input-border-color: transparent;
     --input-padding: 0.2em 2em 0.2em 0.9em;
 
-    background-color: var(--color-canvas);
     inline-size: auto;
     margin-block-start: 0.1em;
 
@@ -14,6 +14,10 @@
     @media (any-hover: hover) {
       &:hover {
         filter: brightness(0.9);
+
+        @media (prefers-color-scheme: dark) {
+          --input-background: var(--color-ink-lighter);
+        }
       }
     }
 

app/views/cards/_collection_settings.html.erb

@@ -1,5 +1,3 @@
-<%= access_involvement_advance_button collection, Current.user %>
-
 <%= link_to edit_collection_path(collection), class: "btn tooltip" do %>
   <%= icon_tag "settings" %>
   <span class="for-screen-reader">Settings for <%= collection.name %></span>

app/views/cards/index.html.erb

@@ -11,7 +11,11 @@
 <% content_for :header do %>
   <%= render "filters/menu", user_filtering: @user_filtering %>
 
-  <div class="header__actions header__actions--start"></div>
+  <div class="header__actions header__actions--start">
+    <% if collection = @filter.single_collection %>
+      <%= access_involvement_advance_button collection, Current.user %>
+    <% end %>
+  </div>
 
   <h1 class="header__title overflow-ellipsis" style="view-transistion-name: card-collection-title">
     <%= @user_filtering.selected_collections_label %>