callout square is slightly off position on chrome

carpentries / varnish

Template for pkgdown site

https://carpentries.github.io/varnish/

Other

7 stars 29 forks source link

callout square is slightly off position on chrome #60

Closed zkamvar closed 3 months ago

zkamvar commented 2 years ago

The callout square on desktop is slightly off-kilter on the Chrome browser.

cropped screenshot of a blue callout square whose right edge slightly overlaps the box it is supposed to sit next to

I believe the culprit is here:

https://github.com/carpentries/varnish/blob/85363d9e15ee65c0ccff914d091c7369c252b2ff/source/stylesheets/callouts.scss#L185

If I shift it to -44px, then it works on Chrome, Firefox, and Opera browsers with the slight disappointment of causing the left hand side of the squares being 1px to the left of the main content.

ErinBecker commented 3 months ago

This no longer appears to be an issue. Tested in Firefox:

And Chrome: