Giorgio Gilestro
b6da1983d3
Adds the @media (max-width: 480px) blocks specified in the design: - dashboard.css: indicator table hides the 'mobile-hide'-tagged columns (Label, Ccy, 1y, anchor, as-of), keeping Symbol / Price / 1d / 1m. Cell padding + font shrink. Group-tab buttons get a bigger touch target. - panels.css: header padding tightens, scroll-body max-height drops to 60vh so log/news stay above the fold in the stacked layout. - portfolio.css: overall grid keeps 2 cols (already at 640px) with tighter gap; action buttons wrap; composer input goes full-width. - log-chat.css: chat bubbles edge-to-edge, input row stacks, font- size:14px on form fields to avoid iOS Safari zoom-on-focus. - news.css: row collapses to age | (title / source) — source moves under the title. Tag filter strip wraps. - settings.css: form rows stack (label above input). Import picker becomes single-column. Buttons full-width. - auth.css: card padding tightens to free up vertical space when the iOS keyboard is up. font-size:14px on inputs. - public.css: hero headline clamp() lower bound drops to 22px; CTAs stack full-width; pricing tier-grid stacks. indicators.html: tagged the secondary cells with .mobile-hide rather than relying on positional nth-child — the anchor column is conditional and would have shifted positions. 336 tests still pass.
70 lines
3 KiB
HTML
70 lines
3 KiB
HTML
{% if summary %}
|
|
<div class="ind-summary">
|
|
<div class="ind-summary__head">
|
|
<span class="ind-summary__label">read</span>
|
|
<span class="ind-summary__when" title="generated {{ summary.generated_at }}">
|
|
{{ summary.generated_at.strftime("%H:%M UTC") }}
|
|
</span>
|
|
</div>
|
|
<p class="ind-summary__body">{{ summary.content | glossary(tone) }}</p>
|
|
</div>
|
|
{% else %}
|
|
<div class="ind-summary ind-summary--pending">
|
|
<span class="ind-summary__label">read</span>
|
|
<span class="ind-summary__body">summary pending — generated hourly @ :07 UTC</span>
|
|
</div>
|
|
{% endif %}
|
|
{% if not quotes %}
|
|
<div class="empty">no data yet — scheduler may not have run</div>
|
|
{% else %}
|
|
<table class="dense">
|
|
<thead>
|
|
<tr>
|
|
<th>Symbol</th><th class="mobile-hide">Label</th>
|
|
<th class="num">Price</th><th class="mobile-hide">Ccy</th>
|
|
<th class="num">1d</th><th class="num">1m</th><th class="num mobile-hide">1y</th>
|
|
{% if has_anchor %}<th class="num mobile-hide">anchor</th>{% endif %}
|
|
<th class="mobile-hide">as-of</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for q in quotes %}
|
|
{% set is_stale = stale_symbols and q.symbol in stale_symbols %}
|
|
{# Stale rows (last observation older than the group's freshness
|
|
threshold) are hidden from the default UI but the server still
|
|
computes them — remove the `{% if not is_stale %}` guard to
|
|
resurface the dimmed row + stale tag. #}
|
|
{% if not is_stale %}
|
|
<tr>
|
|
{% set tip = notes.get(q.symbol, '') if notes else '' %}
|
|
{# Long Eurostat ('dataset?...') and ONS ('topic/.../cdid/dataset') symbols
|
|
get truncated for display; hover shows the full identifier via title.
|
|
Other symbols pass through. #}
|
|
{% set short_sym = q.symbol %}
|
|
{% if '?' in short_sym %}{% set short_sym = short_sym.split('?')[0] %}{% endif %}
|
|
{% if '/' in short_sym %}{% set short_sym = short_sym.split('/')[-2] | upper %}{% endif %}
|
|
<td class="label has-tip" title="{{ q.symbol }}{% if tip %} — {{ tip }}{% endif %}">
|
|
{{ short_sym }}
|
|
</td>
|
|
<td class="mobile-hide" {% if tip %}title="{{ tip }}"{% endif %}>{{ q.label or "" }}</td>
|
|
<td class="num">{{ q.price | price }}</td>
|
|
<td class="neu mobile-hide">{{ q.currency or "" }}</td>
|
|
{% for k in ["1d","1m","1y"] %}
|
|
{% set v = q.changes.get(k) if q.changes else None %}
|
|
<td class="num {% if k == '1y' %}mobile-hide {% endif %}{% if v is none %}neu{% elif v >= 0 %}pos{% else %}neg{% endif %}">
|
|
{% if v is none %}—{% else %}{{ "%+.2f"|format(v) }}%{% endif %}
|
|
</td>
|
|
{% endfor %}
|
|
{% if has_anchor %}
|
|
{% set va = q.changes.get('anchor') if q.changes else None %}
|
|
<td class="num mobile-hide {% if va is none %}neu{% elif va >= 0 %}pos{% else %}neg{% endif %}">
|
|
{% if va is none %}—{% else %}{{ "%+.2f"|format(va) }}%{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
<td class="neu mobile-hide">{{ q.as_of or "" }}</td>
|
|
</tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
{% endif %}
|