Add tooltip, adjust selector so tooltip doesn't need to appear at the start of the controller list

This commit is contained in:
Jason Zimdars
2025-11-11 15:25:56 -06:00
parent dd1fc0dcda
commit fa39e83263
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -1,5 +1,5 @@
@layer components {
[data-controller^="tooltip"] {
[data-controller~="tooltip"] {
--tooltip-delay: 750ms;
--tooltip-duration: 150ms;
+1 -1
View File
@@ -3,7 +3,7 @@
<div class="filters__manage gap-half">
<%= render "filters/filter_toggle", filter: filter %>
<%= link_to no_filtering_url, class: "btn btn--remove txt-x-small", data: { controller: "hotkey", action: "keydown.esc@document->hotkey#click"} do %>
<%= link_to no_filtering_url, class: "btn btn--remove txt-x-small", data: { controller: "hotkey tooltip", action: "keydown.esc@document->hotkey#click"} do %>
<%= icon_tag "close" %>
<span class="for-screen-reader">Clear all</span>
<% end %>