[openstreetmap/openstreetmap-website] Align "Add note" and "Query features" context menu icons with sidebar (Issue #6681)

[Anshul Zilpe]

aNsHuL5217 created an issue (openstreetmap/openstreetmap-website#6681)

### Problem

Following up on the discussion in #6485 and PR #6571.

There is currently a visual mismatch between the context menu and the sidebar for the map tool icons:

* **Add a note:** The context menu uses `bi-chat-text` (a standard speech bubble), while the sidebar uses a custom SVG (a speech bubble with a plus sign).
* **Query features:** The context menu uses `bi-question` (a plain question mark), while the sidebar uses a custom SVG (a cursor arrow with a small question mark).

### Description

Since the context menu currently relies on Bootstrap CSS classes (`bi-*`), we cannot easily use the exact `app/assets/images/map-controls/*.svg` files used in the sidebar without refactoring the `createMenuItem` function to support inline SVGs or image tags.

We need to decide on the best path forward:
1.  Is there a closer Bootstrap icon match that we missed?
2.  Or should we refactor the context menu code to support inline SVGs/Images so we can use the exact same assets as the sidebar?

### Screenshots

<img width="447" height="411" alt="Image" src="https://github.com/user-attachments/assets/e667cac9-8afa-4443-b9fd-7bf1db299674" />

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/6681
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/6681 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20260106/823fb966/attachment-0001.htm>