Automattic / Automattic/jetpack

External Media: Review button hierarchy

Open
#15,874 3 comments 0 reactions 0 assignees View on GitHub
[Extension] External Media [Status] Design Review Complete Task
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

Let's make sure the media library buttons look uniform and as expect in Gutenberg 8.1 and Core-bundled Gutenberg:

In core-bundled Gutenberg, there are 2 secondary buttons separated by a regular link:

![Screen Shot 2020-05-20 at 3 16 06 PM](https://user-images.githubusercontent.com/4924246/82502803-d5308280-9aac-11ea-9b85-c6ec2e6364e8.png)

In Gutenberg 8.1 it is one button followed by two tertiary buttons that look like links:
![Screen Shot 2020-05-20 at 2 52 42 PM](https://user-images.githubusercontent.com/1398304/82503325-e7f78700-9aad-11ea-9357-fc2e2bf473f6.png)

See https://github.com/Automattic/jetpack/pull/15717#issuecomment-631757306

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the two screenshots and the Gutenberg 8.1 versus core-bundled Gutenberg behavior described in the issue. Inspect the External Media media-library controls and the linked PR discussion, then confirm that the buttons use one consistent hierarchy matching the intended Gutenberg presentation.

Written by the indexing model from the issue text.

Assessment

Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.