Skip to content

Feature request: Show longer ingredient names in recipe ingredient cards #1102

Description

@Percy2Live

What's the feature 🧐

In the Android app, recipe ingredient cards currently truncate longer ingredient names after too little text. In some cases there is no way to see the full ingredient name from the recipe detail screen, which makes the ingredient ambiguous.

Example from a recipe ingredient grid:

  • HENGLEIN Mini-Knödel halb&hal... — quantity: 1 Packung
  • vegane Mini-Frikadellen (ca. ... — quantity: 1 Packung

IMG_20260703_221202_120.jpg

Since the full name is not visible, it is unclear which exact product or ingredient is needed.

Requested behavior:

  • Allow longer ingredient titles in recipe ingredient cards to use more vertical space, e.g. up to 3 lines before truncating.
  • Prefer text readability over decorative space in cards where there is enough room.
  • If an ingredient card has no image/icon, use the available space for the ingredient title instead of truncating early.
  • Keep quantity text visible where possible.

This would make the recipe overview more useful without requiring users to edit the recipe or guess the missing ingredient name.

Extra information and references

Environment:

  • Platform: Android
  • App version: current KitchenOwl Android app version / latest release at the time of filing (v0.7.9)
  • Screen: recipe detail view, ingredient grid

Possible implementation options:

  1. Let ingredient names wrap to up to 3 lines in the existing card layout.
  2. Use an adaptive card layout: if there is no image/icon, allocate more room to the title.
  3. As a fallback, support long-pressing an ingredient card to show the full ingredient name, for example in a small dialog or bottom sheet.

A screenshot with two affected ingredient cards was used when filing this request, but I could not attach it through the API-based issue creation flow.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions