Automattic / Automattic/jetpack

The upgrade banner doesn't have paddings when it's viewed on the front of the site

Open
#26,446 0 comments 0 reactions 0 assignees View on GitHub
[Focus] Blocks [Platform] Simple [Plugin] Jetpack [Pri] Low Bug Plans
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

Jetpack

### Steps to Reproduce

1. Go to a test site that is on the free plan.
2. Add a premium block such as a WhatsApp button.
3. View the entry on the front of the site.

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

The banner should have padding inside.

### What actually happened

There is no padding inside the banner, and it looks strange. It looks fine in the editor.

Some examples of the bug:

![Screenshot 2022-09-26 at 17 11 04](https://user-images.githubusercontent.com/908665/192327144-2bd56696-a349-4488-933f-c7d9f3579be1.jpg)

![Screenshot 2022-09-26 at 17 09 54](https://user-images.githubusercontent.com/908665/192326953-5e498a06-a883-4956-8fa0-f40c3627dc3f.jpg)

This is expected (editor)
![Screenshot 2022-09-26 at 17 20 14](https://user-images.githubusercontent.com/908665/192329181-93f42efc-8562-4c89-a59b-d043664c7808.jpg)

### Browser

Google Chrome/Chromium

### Other information

This is not a theme-specific issue. It seems to be consistent in themes.

### Platform (Simple, Atomic, or both?)

Simple

### Reproducibility

Consistent

### Severity

All

### Available workarounds?

_No response_

### Workaround details

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue on a Simple-plan test site by adding a premium block such as a WhatsApp button and viewing the entry on the front of the site, then compare it with the editor view. The work is done when the upgrade banner has internal padding on the front end across themes without changing the already-correct editor appearance.

Written by the indexing model from the issue text.

Assessment

Tech stack
php, wordpress
Domain
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.