Page MenuHomePhabricator

Selected topic card is missing a border when not focused
Open, MediumPublic

Description

As part of MinT for Wikipedia Readers MVP (T359072), the Confirm step (T359512) presents the article the user selected before the user access the translation. The selected article is presented as a Card Codex component using the "portrait" orientation (still pending official Codex implementation in T310632). The card shows initially with the focus input which provides a blue border around it. However, when the focus is moved away (e.g., pressing tab key) the card is shown with no border at all, which makes it hard to identify as a card.

Card with input focusCard without input focus
Screenshot 2024-05-09 at 13.59.59 2.png (568×320 px, 98 KB)
ca.m.wikipedia.org_wiki_Especial_MinT(Wiki Mobile).png (568×320 px, 96 KB)

This ticket proposes to add a regular border (using the Codex border token border-color-base) in the same way that the regular Card component. The expected result is illustrated below:

Card with input focusCard without input focus
Screenshot 2024-05-09 at 13.59.59 2.png (568×320 px, 98 KB)
ca.m.wikipedia.org_wiki_Especial_MinT(Wiki Mobile) (3).png (568×320 px, 95 KB)