Add tooltip, adjust selector so tooltip doesn't need to appear at the start of the controller list
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
@layer components {
|
||||
[data-controller^="tooltip"] {
|
||||
[data-controller~="tooltip"] {
|
||||
--tooltip-delay: 750ms;
|
||||
--tooltip-duration: 150ms;
|
||||
|
||||
|
||||
@@ -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 %>
|
||||
|
||||
Reference in New Issue
Block a user