#112 — Bug — Vorratsschrank "⋯"-Menü nur bei Hover sichtbar #115

New issue

Closed

opened 2026-08-18 13:14:12 +02:00 by lena · 0 comments

lena commented

2026-08-18 13:14:12 +02:00

(Migrated from git.butzei.de)

Story: Bug — Vorratsschrank "⋯"-Menü nur bei Hover sichtbar

As a Nutzer des Vorratsschranks,
I want to das Options-Menü eines Vorratsschrank-Eintrags auch ohne Hover erkennen können,
so that ich (v. a. auf Touch-Geräten ohne Hover-Zustand) weiß, dass dort eine Aktion verfügbar ist.

Background

Gefunden während #110 (Einkaufsliste — UI-Kleinigkeiten): PantryItem.tsx's Menü-Button nutzt noch
opacity-0 group-hover:opacity-100 — exakt dasselbe Muster, das #110 in ShoppingListItem.tsx
behoben hat (dort war es der Grund, warum das Menü ganz unsichtbar statt nur abgeblendet war). Der
Todo-Pendant ListActionsMenu.tsx nutzt bereits opacity-50 group-hover:opacity-100.

Out of scope für #110 selbst, da die Story explizit auf "Einkaufsliste" scoped war.

AC

PantryItem.tsx's Menü-Button auf opacity-50 group-hover:opacity-100 umstellen, analog zu
ListActionsMenu.tsx und der frisch gefixten ShoppingListItem.tsx.

Out of scope

Alles andere an PantryItem.tsx oder dem Vorratsschrank-Modul allgemein.

# Story: Bug — Vorratsschrank "⋯"-Menü nur bei Hover sichtbar **As a** Nutzer des Vorratsschranks, **I want to** das Options-Menü eines Vorratsschrank-Eintrags auch ohne Hover erkennen können, **so that** ich (v. a. auf Touch-Geräten ohne Hover-Zustand) weiß, dass dort eine Aktion verfügbar ist. ## Background Gefunden während `#110` (Einkaufsliste — UI-Kleinigkeiten): `PantryItem.tsx`'s Menü-Button nutzt noch `opacity-0 group-hover:opacity-100` — exakt dasselbe Muster, das `#110` in `ShoppingListItem.tsx` behoben hat (dort war es der Grund, warum das Menü ganz unsichtbar statt nur abgeblendet war). Der Todo-Pendant `ListActionsMenu.tsx` nutzt bereits `opacity-50 group-hover:opacity-100`. Out of scope für `#110` selbst, da die Story explizit auf "Einkaufsliste" scoped war. ## AC - `PantryItem.tsx`'s Menü-Button auf `opacity-50 group-hover:opacity-100` umstellen, analog zu `ListActionsMenu.tsx` und der frisch gefixten `ShoppingListItem.tsx`. ## Out of scope - Alles andere an `PantryItem.tsx` oder dem Vorratsschrank-Modul allgemein.