Jinemi/thermograph
4
0
Fork 0
Code Issues 2 Pull requests 3 Projects Releases Packages Wiki Activity Actions

SEO: fix season-record wrapping + trim range strip on mobile (#109)

Browse source 
Two mobile polish issues on the climate pages:

- The season records table's "(Dec–Feb)" span overflowed its narrow first
  column (nowrap) and slid under the tinted value cell. Stack the span under the
  season name on phones, top-align the record cells, and let the first column
  wrap — so the period label sits cleanly in its own column.
- The monthly temperature-range strip stretched edge-to-edge with the values
  floating far to the right. Cap the strip width so bars + values pack into a
  tight group, shrink the value labels to fit (compact "41°–66°", no reserved
  92px column). The overrides now sit after the base range rules so they win.
This commit is contained in:
Emi Griffith 2026-07-15 21:23:22 -07:00 committed by GitHub
parent d1ec114b4a
commit 0d477427c1
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
templates/city.html.j2
View file

@ -76,7 +76,7 @@
{% if m.bar %}<span class="range-fill" style="left:{{ m.bar.left }}%;width:{{ m.bar.width }}%;--c1:var(--{{ m.bar.c1 }});--c2:var(--{{ m.bar.c2 }})"></span>{% endif %} {% if m.bar %}<span class="range-fill" style="left:{{ m.bar.left }}%;width:{{ m.bar.width }}%;--c1:var(--{{ m.bar.c1 }});--c2:var(--{{ m.bar.c2 }})"></span>{% endif %}
</span> </span>
{% if m.low_f is not none and m.high_f is not none %} {% if m.low_f is not none and m.high_f is not none %}
<span class="range-vals">{{ m.low_f | round | int }}° – {{ m.high_f | round | int }}°</span> <span class="range-vals">{{ m.low_f | round | int }}°–{{ m.high_f | round | int }}°</span>
{% else %}<span class="range-vals">—</span>{% endif %} {% else %}<span class="range-vals">—</span>{% endif %}
</div> </div>
{% endfor %} {% endfor %}