martignoni / hugo-notice

A Hugo theme component to display nice notices
GNU General Public License v3.0
242 stars 49 forks source link

Large blank space before the first notice when viewing with macOS Safari #25

Closed georgew509 closed 2 years ago

georgew509 commented 2 years ago

(After trying a different CMS, I have moved back to Hugo, the Hugo Zen theme, and the Hugo-notice theme component.)

The Hugo Notices really look great, but when viewing a post in macOS Safari, I have noticed that there are a number of blank lines present before the first notice. For example (from Configure Apache and PHP-FPM on macOS):

Screen Shot 2022-10-11 at 3 11 01 PM

This only happens for the first notice in a post and it only happens in macOS Safari. I don't see the issue in Google Chrome. There are several more "Notes" in this post, and they all look fine (not a bunch of blank lines before the Note).

I understand that the first "notice" loads some CSS code, so I was wondering if that's related. Is this just a bug in Safari, and are there any known workarounds?

Thanks, George

martignoni commented 2 years ago

I cannot see the problem on https://altoplace.com/macos/configure-apache-and-php-fpm-on-macos/.

I think there's a problem in your website, since I cannot see the notice's icons and all the notices in this article are of type "Note".

georgew509 commented 2 years ago

I think that it was an issue with my website. Thanks for looking and sorry for the trouble.