Tudor Sitaru
c749d72a6a
Build and Push Docker Images / Build Backend (FastAPI) (push) Successful in 15s
Build and Push Docker Images / Build Frontend (Next.js) (push) Successful in 51s
Build and Push Docker Images / Build Pipeline (Meltano + dbt + Airflow) (push) Successful in 12s
Build and Push Docker Images / Trigger Portainer Update (push) Successful in 0s
Elevates the primary school detail hero from a flat report header into a scannable editorial block. Parents can read the headline signal in seconds. - A1: bump .schoolName to clamp(2rem, 5vw, 3.25rem) Playfair. - A2: framework-aware signal chip strip via new buildOfstedHeroChip() helper. Branches on ofsted.framework so Report Card schools never show a fake overall grade — they get "Ofsted Report Card" + inspection date + Safeguarding: Met/Not met. OEIF schools keep the grade word. - A3: oversized Playfair stats — Reading, Writing & Maths % (primary) or Attainment 8 (secondary) with inline DeltaChip vs national, Ofsted verdict with tone colouring, and first-choice offer rate. - B1: italic serif one-sentence summary via buildSchoolSummary() helper, also framework-aware so Report Card schools are described by framework, not a synthetic grade. - C1: new DeltaChip component reused in the two headline KS2 metric cards (rwm_expected_pct, rwm_high_pct). All copy uses "Reading, Writing & Maths" in full. Secondary detail view untouched in this slice. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
39 lines
702 B
CSS
39 lines
702 B
CSS
.chip {
|
|
display: inline-flex;
|
|
align-items: baseline;
|
|
gap: 0.25rem;
|
|
padding: 0.2rem 0.55rem;
|
|
font-size: 0.75rem;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
border-radius: 999px;
|
|
white-space: nowrap;
|
|
letter-spacing: 0.01em;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.sm {
|
|
padding: 0.1rem 0.4rem;
|
|
font-size: 0.6875rem;
|
|
}
|
|
|
|
.suffix {
|
|
font-weight: 500;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.good {
|
|
background: var(--accent-teal-bg, rgba(45, 125, 125, 0.12));
|
|
color: var(--accent-teal, #2d7d7d);
|
|
}
|
|
|
|
.bad {
|
|
background: var(--accent-coral-bg, rgba(224, 114, 86, 0.12));
|
|
color: var(--accent-coral, #e07256);
|
|
}
|
|
|
|
.neutral {
|
|
background: var(--bg-secondary, #f3ede4);
|
|
color: var(--text-muted, #8a847a);
|
|
}
|