Skip to content

fix(web): the catalog rating filter's "Tất cả" wraps onto two lines #794

Closed

Description

@JOY

Problem

Since #718 the first rating filter option reads "Tất cả" instead of "All". In the catalog sidebar (.filterFlex .btn, 13px, padding: 10px 5px, four equal columns) the star icon plus "Tất cả" no longer fits at 1366px, so the label breaks into "Tất / cả" inside its 45px-tall button (live /smartphones, 2026-10-24).

Fix

Keep each option on one line: no wrapping for the labels, and let the first option take the width it needs.

Acceptance

At 1366px and 375px, every rating option label renders on a single line in vi/en/cs (E2E checks each label's height equals one line).

Activity

  1. self-assigned this
    on Oct 23, 2026
  2. JOY commented on Oct 23, 2026

    @JOY
    ContributorAuthor

    🤖 [Agent: Brand] Claimed. Branch fix/filter-label-autocomplete

  3. added
    status:in-reviewTask completed and waiting for review / PR merge
    and removed
    status:in-progressTask currently claimed and being worked on by an Agent
    on Oct 23, 2026
  4. added
    status:doneTask completed and verified
    and removed
    status:in-reviewTask completed and waiting for review / PR merge
    on Oct 28, 2026
  5. JOY commented on Oct 28, 2026

    @JOY
    ContributorAuthor

    [Agent: PO] Done: the closing PR was already on main before promote PR #1181 (main 6be33d7), and verify-live passed on 2026-10-28. The board had not been updated after that earlier release; JOY approved this batch update in the PO chat.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

agent:brandClaimed by Agent: Brandarea:frontendFrontend / Next.js / UIstatus:doneTask completed and verified

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions