google / google/site-kit-wp

Update link styles.

Open
#7,951 1 comment 0 reactions 0 assignees View on GitHub
P2 Type: Enhancement
Dominant language
JavaScript
Stars
1.4k
Forks
384
Avg merge
4d 14h
Merged PRs (30d)
77

Description

## Feature Description

Following on from https://github.com/google/site-kit-wp/issues/7776 and https://github.com/google/site-kit-wp/issues/7912, we should update the remaining links in the plugin to have the correct styling.

Action links, destructive links and simple text links should be as per the designs in [Figma](https://www.figma.com/file/ZL8qlbUyR9lmBaF95t0xpq/sitekit-system-gm2%2B?type=design&node-id=3186%3A6697&mode=design&t=KTVVBijKOltxJz2a-1). The colors for these are mapped out in Figma [here](https://www.figma.com/file/ZL8qlbUyR9lmBaF95t0xpq/sitekit-system-gm2%2B?type=design&node-id=593%3A1327&mode=design&t=KTVVBijKOltxJz2a-1).

This [doc](https://docs.google.com/document/d/1s5R0dkPWUysUDuor0Plvr9zhcs1Xh2K6N1YojsXqFYI/edit?usp=sharing) is a list of all link types with examples to clarify what needs to be changed.

See this [Slack thread](https://10up.slack.com/archives/C01CA828ZPZ/p1701338046345399) for @sigal-teller's original post on this.

---------------

_Do not alter or remove anything below. The following sections will be managed by moderators only._

## Acceptance criteria

*

## Implementation Brief

*

### Test Coverage

*

## QA Brief

*

## Changelog entry

*

Contributor guide

Open the contributing guide

Research direction

Start by reviewing issues 7776 and 7912, then compare the plugin's remaining link types with the linked Figma designs and the document of examples. Done means action, destructive, and simple text links use the specified styling consistently across the plugin, with any relevant testing or Storybook coverage identified.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 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.