Page MenuHomePhabricator

Design Thumbnail component
Closed, ResolvedPublic

Description

Background/Goal

A Thumbnail component needs to be designed and specified before its implementation as part of the work on the migration of the TypeaheadSearch component.

Screenshot 2022-02-01 at 16.51.03.png (1,290×368 px, 96 KB)

This Figma file contains the design specifications for this component.

User stories

As a designer and developer, I need to be able to reuse a system-compliant Thumbnail component, in order to add smaller versions of pictures to support the meaning of the content included in components such as cards or menu items.

Considerations

  1. Thumbnails are reduced-size versions of pictures at a 1:1 aspect ratio (they're square-shaped)
  1. Thumbnails present a placeholder style
Development considerations

Acceptance criteria (or Done)

  • All the visual properties of the Thumbnail component are fully specified

Event Timeline

STH triaged this task as High priority.
STH subscribed.

@Sarai-WMDE closing this out but let's open a new task to look into the icon changing color on select.