gatsby-theme-carbon icon indicating copy to clipboard operation
gatsby-theme-carbon copied to clipboard

Published 20 hours ago • verified publisher icon carbon-design-system

[H2 headers in all Gatsby websites on mobile] AutolinkHeader-module--anchor adds "empty row" in a multitude of occasions

Open DragosRistici opened this issue 3 years ago • 1 comments

The anchor that preceds the H2 headings on desktop goes AFTER the heading on mobile with an opacity:0, which means its still there. This creates a lot of random spacing problems on a lot of H2 headings on mobile, on every Gatsby website in the Carbon environment. Screenshot 2022-05-02 at 12 36 25

https://user-images.githubusercontent.com/48327647/166214332-06d10d85-a936-45d7-a9f0-f45b0a075343.mov

https://user-images.githubusercontent.com/48327647/166214369-01f6ee62-006c-4938-8ef3-1353371e5729.mov

Screenshot 2022-04-30 at 10 30 17

If you just add a display:none for the mobile, that would be great. You don't need it on mobile anyway.

Screenshot 2022-05-02 at 12 29 52

DragosRistici avatar May 02 '22 09:05 DragosRistici

@alisonjoseph @mattrosno

Hey Alison & Matt,

I looked into this requested by @mjabbink who caught it this past Friday. Thx!

DragosRistici avatar May 02 '22 09:05 DragosRistici