Page MenuHomePhabricator

improve legibility of description text
Closed, ResolvedPublic

Description

As an editor I want to have a good legibility of the explanatory text in the Query Builder

Problem:
Currently there's no line limit for the text and the description is too close to the heading

mockup
spacing between title and description text + description text at max width

image.png (479×1 px, 61 KB)

example of description text at vh-margins
image.png (645×430 px, 49 KB)

BDD
GIVEN
AND
WHEN
AND
THEN
AND

Acceptance criteria:

  • change description text size to be max 672px
  • when vh is smaller than 672+(2x24px (or 2x16px on mobile) page margins) then 100%vh - margins
  • add a spacing token between title and description (see mocks)

Notes:

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

I will assume that the first two points mean:

change description text size width to be max 672px
when vh vw is smaller than 672+(2x24px (or 2x16px on mobile) page margins) then 100%vh 100%vw - margins

otherwise it doesn't match the mocks