previous / next article div backrounds don't show on safari

[benjaminfrombe]

When viewing an article, the background for the box with a link to the previous and next item is just grey, and not a background image in SAFARI. When I test this in Chrome it does show the background image. The wordpress version of twenty fifteen does not have this problem. Could this be fixed easily ? (This can easily be tested on the twenty fifteen grav skeleton demo page)

safari:

chrome:

Thank you.

[benjaminfrombe]

found it !

there was a small error in the blog_item.html.twig codes for previous and next:

the ); came after the " and it should be before ...

so:

<div class="nav-previous" {% if page.prevSibling.media.images %}style="background-image: url({{ page.prevSibling.media.images|first.cropZoom(1038,437).url }}");{% endif %}>

should be

<div class="nav-previous" {% if page.prevSibling.media.images %}style="background-image: url({{ page.prevSibling.media.images|first.cropZoom(1038,437).url }});"{% endif %}>

and

<div class="nav-next" {% if page.nextSibling.media.images %}style="background-image: url({{ page.nextSibling.media.images|first.cropZoom(1038,437).url }}");{% endif %}>

should be

<div class="nav-next" {% if page.nextSibling.media.images %}style="background-image: url({{ page.nextSibling.media.images|first.cropZoom(1038,437).url }});"{% endif %}>

[rhukster]

Can you just edit the file on GitHub? It will let you create a PR with your fixes.