Show column buttons on focus

This commit is contained in:
Andy Smith
2025-10-15 15:45:52 -05:00
parent 9d11897d6a
commit ce444d7075
3 changed files with 3 additions and 2 deletions
+1
View File
@@ -229,6 +229,7 @@
transition: opacity 300ms ease-in-out;
opacity: 0;
&:focus-visible,
.cards:hover & {
opacity: 1;
}
+1 -1
View File
@@ -6,7 +6,7 @@
<header class="cards__expander">
<h2 class="cards__expander-title position-relative">The Stream</h2>
<%= link_to collection_columns_stream_path(collection), class: "btn btn--circle txt-x-small borderless cards__expander-button", data: { turbo_frame: "_top" } do %>
<%= link_to collection_columns_stream_path(collection), class: "cards__expander-button btn btn--circle txt-x-small borderless", data: { turbo_frame: "_top" } do %>
<%= icon_tag "expand", class: "translucent" %>
<span class="for-screen-reader">Expand column</span>
<% end %>
@@ -1,4 +1,4 @@
<%= link_to column_path, class: "btn btn--circle txt-x-small borderless cards__expander-button", data: { turbo_frame: "_top" } do %>
<%= link_to column_path, class: "cards__expander-button btn btn--circle txt-x-small borderless", data: { turbo_frame: "_top" } do %>
<%= icon_tag "expand", class: "translucent" %>
<span class="for-screen-reader">Expand column</span>
<% end %>