Giters

wagtail / bakerydemo

Next generation Wagtail demo, born in Reykjavik

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

giant orange chevrons?

Amondale opened this issue · comments

commented

git cloned the latest bakerydemo, main bakery page looks ok, but each sub section page has a huge 2000px high grey background with two gigantic orange ">" chevron characters? Below that looks ok. Python 3.9.13 running in pyenv; just the bare bones demo using SQLite3.

I tried using collectstatic (previous versions of bakerydemo sometimes needed this). Not seeing 404s or 500s in the server logs. Any ideas?

image
image

commented

@thibaudcolas:

Following code change got it looking somewhat normal [templates/tags/breadcrumbs.html]. I'd assume the problem was/is in includes/chevron-icon.html, which is just a container for an SVG containing a chevon? No idea why it renders so huge, but I know nothing about SVG rendering either.

      <li><a href="{% pageurl ancestor %}">{% if forloop.first %}Home{% else %}{{ ancestor }}{% endif %}</a>
        <!-- {% include "includes/chevron-icon.html" with class="breadcrumb__chevron-icon" %}-->
      </li>
commented

It is almost like wagtail is offering up a mobile view, in the non-working environ, with all pics scaled to full width rather than stacked 2-across (breads, locations). Is there any django tool for detecting browser capabilities? I've look through the Wagtail docs and not seeing anything referencing "mobile" views.

In Chrome, images are laid out in a more normal fashion, 2-across for locations. And, we're missing the gigantic orange chevrons on a grey background (I did dump the cache and turned off NoScript in Firefox)

However, all nav controls are "mobile-like" in chrome (3 horiz lines, a.k.a. "hamburger"). Also the fontawesome fonts are rendered correctly in Chrome, and there's no grey background as you'd expect in a mobile view.

Still researching, no longer feel the SVG is at fault, at least if Chrome renders the pages without the 2000-px grey background and orange chevrons as seen in Firefox.

commented

Looks like I need to clear Firefox' cache between testing two different versions of bakerydemo. All fixed! My first and best clue was opening Firefox in a private window and seeing the expected chrome from Wagtail!