From 93834ffc5fe75d02b2c6b52005793582b7f7a3c5 Mon Sep 17 00:00:00 2001 From: Andy Smith Date: Wed, 29 Oct 2025 16:43:34 -0500 Subject: [PATCH 1/2] Use boost icon --- app/assets/images/boost.svg | 1 + app/assets/stylesheets/icons.css | 1 + app/views/cards/comments/reactions/_reactions.html.erb | 2 +- 3 files changed, 3 insertions(+), 1 deletion(-) create mode 100644 app/assets/images/boost.svg diff --git a/app/assets/images/boost.svg b/app/assets/images/boost.svg new file mode 100644 index 000000000..e97290aa8 --- /dev/null +++ b/app/assets/images/boost.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/stylesheets/icons.css b/app/assets/stylesheets/icons.css index c53d9ce5f..5b3409c76 100644 --- a/app/assets/stylesheets/icons.css +++ b/app/assets/stylesheets/icons.css @@ -33,6 +33,7 @@ .icon--bolt { --svg: url("bolt.svg "); } .icon--bookmark-outline { --svg: url("bookmark-outline.svg "); } .icon--bookmark { --svg: url("bookmark.svg "); } + .icon--boost { --svg: url("boost.svg "); } .icon--camera { --svg: url("camera.svg "); } .icon--caret-down { --svg: url("caret-down.svg "); } .icon--check { --svg: url("check.svg "); } diff --git a/app/views/cards/comments/reactions/_reactions.html.erb b/app/views/cards/comments/reactions/_reactions.html.erb index dde2d18fd..5ed4cfaf1 100644 --- a/app/views/cards/comments/reactions/_reactions.html.erb +++ b/app/views/cards/comments/reactions/_reactions.html.erb @@ -8,7 +8,7 @@ <%= link_to new_card_comment_reaction_path(comment.card, comment), role: "button", class: "reactions__trigger btn btn--circle borderless", action: "soft-keyboard#open", data: { turbo_frame: dom_id(comment, :new_reaction), action: "dialog#close" } do %> - <%= icon_tag "reaction" %> + <%= icon_tag "boost" %> Add your own reaction <% end %> <% end %> From 23b042adb255e03718aada6a4d60cfcd72a9f7da Mon Sep 17 00:00:00 2001 From: Andy Smith Date: Wed, 29 Oct 2025 16:47:58 -0500 Subject: [PATCH 2/2] Boost icon, and input gains focus --- app/javascript/controllers/reaction_emoji_controller.js | 1 + 1 file changed, 1 insertion(+) diff --git a/app/javascript/controllers/reaction_emoji_controller.js b/app/javascript/controllers/reaction_emoji_controller.js index e3e61ca58..2d2d5bbca 100644 --- a/app/javascript/controllers/reaction_emoji_controller.js +++ b/app/javascript/controllers/reaction_emoji_controller.js @@ -7,5 +7,6 @@ export default class extends Controller { const emojiChar = event.target.getAttribute("data-emoji") const value = this.inputTarget.value this.inputTarget.value = `${value}${emojiChar}` + this.inputTarget.focus() } }