Ticker page: one unified drill-down panel, no card salad
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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user