Special handling on mobile
This commit is contained in:
@@ -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
|
||||
/* ------------------------------------------------------------------------ */
|
||||
|
||||
|
||||
@@ -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 %>
|
||||
|
||||
Reference in New Issue
Block a user