Automattic / Automattic/jetpack

Subscriptions Block: Add Outline Button Style

Open
#18,517 0 comments 0 reactions 0 assignees View on GitHub
[Block] Subscribe Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

Core Button block offers two styles: Fill and Outline. I would like to propose that the button in the Subscriptions block also supports them. While creating the "outline" style buttons is possible with the available color settings, it's not a flexible solution.

Here's a real-life example. Consider this design:
![image](https://user-images.githubusercontent.com/4550351/105647311-d0a05180-5ef8-11eb-8592-b41b4ac88dfd.png)

While it's possible to create this pattern in the editor, if the customer changes the background of the parent group block, they will have to go in and change the background of the button as well. It's not a huge deal but would improve the editing experience.

Subscriptions Block color settings:
![image](https://user-images.githubusercontent.com/4550351/105647434-cc286880-5ef9-11eb-870c-857ccbb8be30.png)

Button block styles for reference:
![image](https://user-images.githubusercontent.com/4550351/105647268-861ed500-5ef8-11eb-856f-1c8c6baa6e8e.png)

Contributor guide

Open the contributing guide

Research direction

Start by locating the Subscriptions block and comparing its button controls with the Core Button block styles. Confirm the work is complete when the Subscriptions block exposes Fill and Outline styles and the editor preview supports the described background-change workflow.

Written by the indexing model from the issue text.

Assessment

Tech stack
wordpress
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.