Automattic / Automattic/jetpack

Mailchimp: Adjust Input field appearlance

Open
#29,507 1 comment 0 reactions 0 assignees View on GitHub
[Block] Mailchimp [Feature] Mailchimp [Plugin] Jetpack [Pri] Low Customer Report [LEGACY] Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

Jetpack

### Quick summary

When you add a Mailchimp block, this is how it appears with TT3.

![iamtakashi mystagingwebsite com_jetpack-blocks_](https://user-images.githubusercontent.com/908665/225687969-ae47bca6-9d1f-48b4-b866-6e6042c32357.png)

This is far from ideal. Especially, with the lack of custom options. Compare to the default state of the search block.

![iamtakashi mystagingwebsite com_jetpack-blocks_ (1)](https://user-images.githubusercontent.com/908665/225688517-9f265ccd-1e88-461d-b391-1ff25560ec2c.png)

Can we make it at least the same as the search block?

Also the 2px border seems random. Can we make the border editable in Global Styles? Otherwise, themes needs to style it with css, which is not ideal.

cc @jeffikus

### Steps to reproduce

1. Add the Mailchimp block to the content in the editor.

### A clear and concise description of what you expected to happen.

_No response_

### What actually happened

_No response_

### Impact

All

### Available workarounds?

Yes, difficult to implement

### Platform (Simple and/or Atomic)

_No response_

### Logs or notes

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by locating the Jetpack Mailchimp block and compare its input appearance with the default Search block in TT3. Check how the block's border and Global Styles support are defined; done means the input matches the Search block's baseline presentation and its border can be edited through Global Styles without theme-specific CSS.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, php, react
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.