fix: chatbot conversation rename/delete unreachable on mobile (v0.55.1)

Both buttons were opacity-0 group-hover:opacity-100 — no touch equivalent
to :hover, so they never appeared on mobile at all. Made them always
visible, matching the app's existing convention for per-item actions in
narrow lists (e.g. shopping-list-actions-menu.tsx) rather than hover-reveal.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Arnaud
2026-07-19 20:32:31 +02:00
parent cf7cc6c885
commit a6e3dc999b
5 changed files with 18 additions and 6 deletions
+5
View File
@@ -2,6 +2,11 @@
All notable changes to Epicure are documented here. This file is mirrored in-app at `/changelog` (and in the admin dashboard) via `apps/web/lib/changelog.ts` — update both together. All notable changes to Epicure are documented here. This file is mirrored in-app at `/changelog` (and in the admin dashboard) via `apps/web/lib/changelog.ts` — update both together.
## 0.55.1 — 2026-07-19 18:05
### Fixed
- Chatbot's rename/delete buttons for a conversation were hover-only, so they never appeared on mobile (no hover state on touch). Now always visible.
## 0.55.0 — 2026-07-19 17:50 ## 0.55.0 — 2026-07-19 17:50
### Added ### Added
@@ -156,7 +156,7 @@ export function ConversationMenu({
<div <div
key={c.id} key={c.id}
className={cn( className={cn(
"group flex items-center gap-1 px-2 py-1.5 rounded-md text-sm", "flex items-center gap-1 px-2 py-1.5 rounded-md text-sm",
c.id === activeId ? "bg-accent" : "hover:bg-muted/60" c.id === activeId ? "bg-accent" : "hover:bg-muted/60"
)} )}
> >
@@ -195,7 +195,7 @@ export function ConversationMenu({
<button <button
type="button" type="button"
onClick={() => startRename(c)} onClick={() => startRename(c)}
className="p-1 rounded-md hover:bg-muted shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" className="p-1 rounded-md hover:bg-muted shrink-0 text-muted-foreground"
aria-label={t("renameAriaLabel")} aria-label={t("renameAriaLabel")}
> >
<Pencil className="h-3.5 w-3.5" /> <Pencil className="h-3.5 w-3.5" />
@@ -203,7 +203,7 @@ export function ConversationMenu({
<button <button
type="button" type="button"
onClick={() => setDeleteTargetId(c.id)} onClick={() => setDeleteTargetId(c.id)}
className="p-1 rounded-md hover:bg-muted shrink-0 opacity-0 group-hover:opacity-100 transition-opacity text-muted-foreground" className="p-1 rounded-md hover:bg-muted shrink-0 text-muted-foreground"
aria-label={t("deleteAriaLabel")} aria-label={t("deleteAriaLabel")}
> >
<Trash2 className="h-3.5 w-3.5" /> <Trash2 className="h-3.5 w-3.5" />
+8 -1
View File
@@ -1,5 +1,5 @@
// Mirrors CHANGELOG.md at the repo root — update both together. // Mirrors CHANGELOG.md at the repo root — update both together.
export const APP_VERSION = "0.55.0"; export const APP_VERSION = "0.55.1";
export type ChangelogEntry = { export type ChangelogEntry = {
version: string; version: string;
@@ -11,6 +11,13 @@ export type ChangelogEntry = {
}; };
export const CHANGELOG: ChangelogEntry[] = [ export const CHANGELOG: ChangelogEntry[] = [
{
version: "0.55.1",
date: "2026-07-19 18:05",
fixed: [
"Chatbot's rename/delete buttons for a conversation were hover-only, so they never appeared on mobile (no hover state on touch). Now always visible.",
],
},
{ {
version: "0.55.0", version: "0.55.0",
date: "2026-07-19 17:50", date: "2026-07-19 17:50",
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@epicure/web", "name": "@epicure/web",
"version": "0.55.0", "version": "0.55.1",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "next dev", "dev": "next dev",
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "epicure", "name": "epicure",
"version": "0.55.0", "version": "0.55.1",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "pnpm --filter web dev", "dev": "pnpm --filter web dev",