Contain hotkeys inside the button

This commit is contained in:
Jason Zimdars
2025-11-17 17:35:14 -06:00
parent def42d3375
commit 51a9edf419
2 changed files with 4 additions and 6 deletions
+2 -4
View File
@@ -17,11 +17,9 @@
<span class="flex-inline align-center gap">
<%= form.button class: "comment__submit btn btn--reversed",
data: { form_target: "submit" }, disabled: true do %>
<span>Post this comment</span>
<span>Post</span>
<kbd class="txt-x-small hide-on-touch"><%= hotkey_label([ "ctrl", "enter" ]) %></kbd>
<% end %>
<span class="hide-on-touch txt-subtle">
<kbd class="txt-x-small"><%= hotkey_label([ "ctrl", "enter" ]) %></kbd>
</span>
</span>
<span data-form-target="cancel" hidden></span>
<% end %>
@@ -4,8 +4,8 @@
form: { data: { controller: "form" } },
data: { form_target: "submit", controller: "clicker", action: "keydown.ctrl+enter@document->clicker#click keydown.meta+enter@document->clicker#click" } do %>
<span>Create card</span>
<kbd class="txt-x-small hide-on-touch"><%= hotkey_label([ "ctrl", "enter" ]) %></kbd>
<% end %>
<kbd class="txt-x-small txt-subtle center hide-on-touch"><%= hotkey_label([ "ctrl", "enter" ]) %></kbd>
</div>
<div class="flex flex-column gap-half">
@@ -13,7 +13,7 @@
title: "Create and add another (ctrl+shift+enter)", form: { data: { controller: "form" } },
data: { form_target: "submit", controller: "clicker", action: "keydown.ctrl+shift+enter@document->clicker#click keydown.meta+shift+enter@document->clicker#click" } do %>
<span>Create and add another</span>
<kbd class="txt-x-small hide-on-touch"><%= hotkey_label([ "ctrl", "shift", "enter" ]) %></kbd>
<% end %>
<kbd class="txt-x-small txt-subtle center hide-on-touch"><%= hotkey_label([ "ctrl", "shift", "enter" ]) %></kbd>
</div>
</div>