Special handling on mobile

This commit is contained in:
Jason Zimdars
2025-11-21 16:07:36 -06:00
parent c8012ef4d4
commit a9bbd9d539
2 changed files with 10 additions and 2 deletions
+6
View File
@@ -113,7 +113,12 @@
span:last-of-type {
display: none;
}
}
}
@media (min-width: 640px) {
.btn--circle-mobile .icon--mobile-only {
display: none !important;
}
}
@@ -221,6 +226,7 @@
}
}
/* Button groups
/* ------------------------------------------------------------------------ */
+4 -2
View File
@@ -8,14 +8,16 @@
</div>
<% else %>
<div class="flex gap-half">
<%= link_to edit_card_path(card), class: "btn borderless", data: { controller: "hotkey", action: "keydown.e@document->hotkey#click" } do %>
<%= link_to edit_card_path(card), class: "btn btn--circle-mobile borderless", data: { controller: "hotkey", action: "keydown.e@document->hotkey#click" } do %>
<%= icon_tag "pencil", class: "icon--mobile-only" %>
<span>Edit</span>
<kbd class="txt-x-small hide-on-touch">e</kbd>
<% end %>
<%= button_to card_closure_path(card), class: "btn borderless",
<%= button_to card_closure_path(card), class: "btn btn--circle-mobile borderless",
data: { controller: "hotkey", form_target: "submit", action: "keydown.d@document->hotkey#click" },
form: { data: { controller: "form" } } do %>
<%= icon_tag "check", class: "icon--mobile-only" %>
<span class="overflow-ellipsis">Mark as Done</span>
<kbd class="txt-x-small hide-on-touch">d</kbd>
<% end %>