Versions Compared

Version Old Version 81 New Version Current
Changes made by

Carlie Bradshaw

Hasitha Jayarathne

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Type

Usage

Example

Message Popups

Displaying warnings, error messages, and important information.

Image RemovedPopup.pngImage Added

Dialogs

Collecting information from the user, or allowing them to make decisions.

image-20240118-113426.png

...

  • Help (grey), Information (blue), and Error (red) popups will use a white focus indicator.

  • Warning (orange) popups will use a black focus indicator.

Image RemovedPopup.pngImage Added

Responsive design

...

Examples at different screen sizes

Wide (1920px)

Standard (1366px)

Narrow (960px)

Review (example of selecting 'all' extensions) 1920.pngImage ModifiedReview (example of selecting 'all' extensions) 1366.pngImage ModifiedReview (example of selecting 'all' extensions) 960.pngImage Modified
Historical changes 8 1920.pngImage ModifiedHistorical changes 8 1366.pngImage ModifiedHistorical changes 8 960.pngImage Modified

Design

See Message Popups and Dialogs.

...