Background
The title in the Codex Dialog was implemented incorrectly on desktop, displaying @font-size-large (18px) instead of the intended @font-size-medium (16px) designed for desktop. This has resulted in a misalignment between the Codex demo and the Figma design. Moreover, the base font size of 14px on Desktop is 4px smaller than the title font size, which is causing the title to appear larger than it should.
This is affecting the Wikifunctions project where this Dialog is being used.
These are the right font tokens used:
Desktop:
- Title: @font-size-medium (16px) @line-height-xxx-small @font-weight-bold
- Body: @font-size-small (14px) @line-height-medium @font-weight-normal
- Subtitle and Footer texts: @font-size-small (14px) @line-height-small @font-weight-normal
Mobile:
- Title: @font-size-large (18px) @line-height-xxx-small @font-weight-bold
- Body: @font-size-medium (16px) @line-height-medium @font-weight-normal
- Subtitle text: @font-size-medium (16px) @line-height-xx-small @font-weight-normal
- Footer text: @font-size-small (14px) @line-height-small @font-weight-normal
Design spec
Open questions
Add here the questions to be answered in order to design and implement the component
Acceptance criteria (or Done)
- Fix the desktop title size in the Codex Dialog