FLUID-6664: Inconsistent use of text sizes and styling in the Grades demo

Metadata

Source
FLUID-6664
Type
Bug
Priority
Minor
Status
Open
Resolution
N/A
Assignee
N/A
Reporter
Jonathan Hung
Created
2021-07-08T10:10:41.415-0400
Updated
2021-07-08T10:10:41.415-0400
Versions
N/A
Fixed Versions
N/A
Component
  1. Prefs Framework

Description

The Grades demo uses inconsistent text sizes throughout the demo which makes it hard to read, especially on mobile.

This issue is made even more confusing by the text "This page might be a bit difficult to read or use. Why don't you consider using the display preferences option?" which does not improve readability of the initial block of text.

Suggestion:

  • Use consistent and logical text weight and size scheme.
  • visually distinguish between the demo instruction text and the demo content (i.e. the Apple vs. Oranges content).

Attachments