Skip to content

[FR][iOS][UI] “Inbox” (French) title overlaps the Plus subscription button + bottom snackbar not matching dark theme #101

@TheSamurai4861

Description

@TheSamurai4861

Description

Two UI issues are visible in Proton Mail when using the French language and the dark theme:

  1. Fix 1 — Title overlap
    The French title “Boite de réception” is too long and overflows/overlaps the button/icon used to access the Plus subscription (top-right area). This hurts readability and makes the action area visually unclear.

  2. Fix 2 — Bottom notification (snackbar) color
    The bottom notification (“Moved to Archive.” + “Undo”) uses a very light background, which does not match the app’s dark theme. The contrast makes the component look out of place.

Steps to reproduce

Fix 1 — Title overflow

  1. Set the app language to French.
  2. Open the Inbox (“Boite de réception”).
  3. Look at the top bar: the “Boite de réception” label gets too close and overlaps the Plus subscription button.

Fix 2 — Snackbar theme mismatch

  1. Enable the dark theme.
  2. From the inbox, perform an action that triggers a confirmation (e.g., move an email to Archive).
  3. Observe the bottom snackbar: it appears with a light background in a dark-themed UI.

Expected result

  • Fix 1: The title should never overlap the right-side actions (Plus, search, etc.). It should truncate with ellipsis, scale, wrap appropriately, or use a layout that guarantees a protected action area.
  • Fix 2: The snackbar should follow dark theme colors (dark surface + readable text/CTA with proper contrast), consistent with the rest of the app.

Impact / Priority

  • Fix 1: High UX impact (readability, action clarity, potential mis-taps).
  • Fix 2: Visual/UX consistency issue (theme mismatch, looks like a bug).

Environment

  • Platform: iOS
  • Language: French
  • Theme: Dark

Attachment

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions