bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add a navigation hint, make "All collections" link navigate like the others

Browse Source
This commit is contained in:
Jason Zimdars
2025-04-25 13:16:26 -05:00
parent e82241669f
commit 67040ad492
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/cards/index/_collections_filter.html.erb
+1 -1
View File
@@ -16,7 +16,7 @@
<%= tag.div class: "btn popup__item min-width flex-item-grow" do %>
<span class="overflow-ellipsis">All collections</span>
<% end %>
<span class="translucent flex-item-no-shrink"> ›</span>
<span class="txt-ink translucent flex-item-no-shrink"><span class="txt-x-small txt-uppercase">GO TO</span> ›</span>
<% end %>
<% Current.user.collections.order(:name).each do |collection| %>
app/views/events/filter/_all_collections_option.html.erb
+7 -5
View File
@@ -1,6 +1,8 @@
<%= link_to events_path(clear_filter: true), class: "popup__group flex align-center", style: "--hover-size: 0" do %>
<div class="popup__group flex align-center" style="--hover-size: 0">
<div class="btn txt-xx-small flex-item-no-shrink">
<%= check_box_tag "filter_collections", nil, filter.collections.blank?, class: "form-checkbox" %>
<%= link_to events_path(clear_filter: true), style: "--hover-size: 0" do %>
<%= check_box_tag "filter_collections", nil, filter.collections.blank?, class: "form-checkbox" %>
<% end %>
<span class="for-screen-reader">
See everything in all collections
@@ -8,8 +10,8 @@
<%= icon_tag "check", size: 18, class: "checked" %>
</div>
<%= tag.div class: "btn popup__item min-width flex-item-grow" do %>
<%= link_to cards_path(filter.as_params.except(:collection_ids)), class: "btn popup__item min-width flex-item-grow" do %>
<span class="overflow-ellipsis">All collections</span>
<% end %>
<span class="translucent flex-item-no-shrink"> ›</span>
<% end %>
<span class="txt-ink translucent flex-item-no-shrink"><span class="txt-x-small txt-uppercase">GO TO</span> ›</span>
</div>