nodejh/hugo-theme-mini

Tag page padding issue in iOS Safari

BDHU opened this issue · 0 comments

BDHU commented

What version of Hugo are you using (hugo version)?

$ hugo version
hugo v0.87.0-B0C541E4 linux/amd64 BuildDate=2021-08-03T10:57:28Z VendorInfo=gohugoio

Does this issue reproduce with the latest release?

Yes

Recently, I was compiling my site using the mini theme. The current tag page is shown here. The site is generated using hugo 0.83.1.

However, hugo 0.87.0 (as well as 0.86.x) generated pages has an issue on Safari on Apple devices. The issue is illustrated in the picture below (iPhone Xs, iOS 14):

Sublime's custom image

The right padding of every tag's background is ignored. The CSS attributes for tag can be found at https://github.com/BDHU/hugo-theme-mini/blob/master/static/css/style.css#L466. This problem occurs only on Apple devices with newer version such as hugo 0.87.0 and 0.86.x. Firefox and Chrome on Windows, Linux, and Android systems don't appear to have such problem even with the latest hugo versions. hugo 0.83.x generates correct right padding on all devices include iPhone. Not sure if there are behavior changes in hugo or it's simply a problem related to the theme itself.