Ticker page: one unified drill-down panel, no card salad
Deploy / lint (push) Successful in 7s
Deploy / test (push) Successful in 1m7s
Deploy / deploy (push) Successful in 36s

The previous pass kept a stack of independent glass cards (header,
recommendation, chart section, tab pills, per-tab sections), which read
as clutter. Now the page is a single casting, like the mockup:

One glass panel containing:
- header (identity, price, chips | actions + score fingerprint)
- inline hairline tab row (Analysis / Indicators / S/R Levels /
  Sentiment / Fundamentals) with the chart-overlay pills riding on the
  right of the row during Analysis
- tab body: Analysis = the candlestick chart; other tabs render their
  panel inside via .hz-frameless, which strips the nested card chrome
  (no card-in-card)
- panel foot: data freshness row (frameless now) with per-source
  refresh

Below the panel, only on Analysis: the recommendation module and a
two-column Standing | Dimensions grid. Nothing removed; the standalone
Tabs bar, the separate chart card, and the duplicated section stack are
gone.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-07-10 08:17:05 +02:00
co-authored by Claude Fable 5
parent f9e12fc78c
commit fc0945367a
2 changed files with 144 additions and 123 deletions
+11
View File
@@ -267,6 +267,17 @@
.hz-lvl-up { fill: var(--up-text); }
.hz-lvl-down { fill: var(--down-text); }
/* Strip a nested panel's own card chrome when it renders inside the
unified drill-down panel (ticker page) — one casting, no card-in-card. */
.hz-frameless > .glass {
background: transparent;
border: 0;
border-radius: 0;
backdrop-filter: none;
-webkit-backdrop-filter: none;
padding: 0;
}
/* Radar fingerprint */
.hz-radar-wrap { position: relative; display: inline-block; }
.hz-radar-axis {