tudor/school_compare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): add phase indicators to school list rows
All checks were successful
Build and Push Docker Images / Build Backend (FastAPI) (push) Successful in 12s
Details
Build and Push Docker Images / Build Frontend (Next.js) (push) Successful in 49s
Details
Build and Push Docker Images / Build Pipeline (Meltano + dbt + Airflow) (push) Successful in 11s
Details
Build and Push Docker Images / Trigger Portainer Update (push) Successful in 1s
Details

Browse Source 
Add coloured left-border and phase label pill to visually differentiate
school phases (Primary, Secondary, All-through, Post-16, Nursery) in
search result lists. Colours are accessible (WCAG AA) and don't clash
with existing Ofsted/trend semantic colours.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Tudor Sitaru
2026-04-01 15:47:51 +01:00
parent cacbeeb068
commit 4db36b9099
6 changed files with 92 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
nextjs-app/app/globals.css
View File

@@ -58,6 +58,23 @@
--transition: 0.2s ease;
--transition-slow: 0.4s ease;
/* Phase indicators */
--phase-primary: #5b8cbf;
--phase-primary-bg: rgba(91, 140, 191, 0.10);
--phase-primary-text: #3d6a99;
--phase-secondary: #9b6bb0;
--phase-secondary-bg: rgba(155, 107, 176, 0.10);
--phase-secondary-text: #7a4f93;
--phase-all-through: #7a9a6d;
--phase-all-through-bg: rgba(122, 154, 109, 0.10);
--phase-all-through-text: #5a7a4d;
--phase-post16: #c4915e;
--phase-post16-bg: rgba(196, 145, 94, 0.10);
--phase-post16-text: #9a6d3a;
--phase-nursery: #e0a0b0;
--phase-nursery-bg: rgba(224, 160, 176, 0.10);
--phase-nursery-text: #b06070;
}
* {