Handle these special case options a different way

This commit is contained in:
Jason Zimdars
2025-06-02 15:49:44 -05:00
parent 0be387bb41
commit dc5c8d17a4
3 changed files with 6 additions and 3 deletions
+3
View File
@@ -44,6 +44,8 @@
@media (any-hover: hover) {
&:hover {
--hover-size: 0;
background: var(--color-selected);
}
}
@@ -94,6 +96,7 @@
@media (any-hover: hover) {
&:where(:not(:active):hover) {
--hover-size: 0;
--btn-background: var(--color-selected);
}
}
@@ -12,8 +12,8 @@
<% end %>
<% end %>
<% elsif Current.user.collections.many? %>
<%= link_to cards_path(filter.as_params.except(:collection_ids)), class: "popup__group flex align-center", style: "--hover-size: 0", data: { filter_target: "item", navigable_list_target: "item" } do %>
<label class="btn txt-xx-small flex-item-no-shrink" style="--hover-size: 0.15rem">
<%= link_to cards_path(filter.as_params.except(:collection_ids)), class: "popup__group flex align-center", data: { filter_target: "item", navigable_list_target: "item" } do %>
<label class="btn txt-xx-small flex-item-no-shrink">
<input type="checkbox" <%= "checked" if filter.collection_ids.empty? %>>
<span class="for-screen-reader">
@@ -1,5 +1,5 @@
<% if Current.user.collections.one? %>
<%= link_to cards_path(filter.as_params.except(:collection_ids)), class: "popup__group flex align-center", style: "--hover-size: 0", data: { filter_target: "item", navigable_list_target: "item" } do %>
<%= link_to cards_path(filter.as_params.except(:collection_ids)), class: "popup__group flex align-center", data: { filter_target: "item", navigable_list_target: "item" } do %>
<%= tag.div class: "btn popup__item min-width flex-item-grow" do %>
<span class="overflow-ellipsis"><%= Current.user.collections.first.name %></span>
<span class="txt-ink translucent flex-item-no-shrink flex-item-justify-end"><span class="txt-x-small txt-uppercase">GO TO</span> </span>