Contain hotkeys inside the button
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user