search

Automattic / jetpack

Security, performance, marketing, and design tools — Jetpack is made by WordPress experts to make WP sites safer and faster, and help you grow your traffic.
https://jetpack.com/
Other
1.59k stars 797 forks source link

Related Posts: Broken alignment in Gutenberg themes #18440

Open danieldudzic opened 3 years ago

danieldudzic commented 3 years ago

Steps to reproduce the issue

  1. Activate Varia or Seedlet on an AT site
  2. Enable related posts by selecting My Site > Marketing > Traffic
  3. Access a blog post
  4. Notice the broken alignment: broken

Culprit

#jp-relatedposts {
    display: none;
    padding-top: 1em;
    margin: 1em 0;
    position: relative;
    clear: both;
}

What I expected

I expected it to be working fine, like in Twenty Twenty One: working

What happened instead

It's broken in all Gutenberg themes. Twenty Twenty One has a fix in a Jetpack compat file: https://github.com/Automattic/jetpack/blob/master/projects/plugins/jetpack/modules/theme-tools/compat/twentytwentyone.css

Temporary fix

I will add a fix in Varia & Seedlet

Proposed permanent fix

This should really be taken care in Jetpack Related Posts CSS. I'm just not sure how, just yet.

KirkwallDay commented 2 years ago

I had a report here from a user with Seedlet: 4718520-zen