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

fixing nav on secondary schools
Build and Push Docker Images / Build Backend (FastAPI) (push) Successful in 14s
Details
Build and Push Docker Images / Build Frontend (Next.js) (push) Successful in 56s
Details
Build and Push Docker Images / Build Pipeline (Meltano + dbt + Airflow) (push) Successful in 12s
Details
Build and Push Docker Images / Trigger Portainer Update (push) Successful in 1s
Details

Browse Source
This commit is contained in:
Tudor Sitaru
2026-04-16 11:46:32 +01:00
parent e52467ff5d
commit 9d34459191
1 changed files with 717 additions and 678 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nextjs-app/components/SecondarySchoolDetailView.module.css
+62 -23
View File
@@ -31,7 +31,7 @@
color: var(--text-primary, #1a1612);
margin-bottom: 0.5rem;
line-height: 1.15;
font-family: var(--font-playfair), 'Playfair Display', serif;
font-family: var(--font-playfair), "Playfair Display", serif;
overflow-wrap: break-word;
}
@@ -133,7 +133,7 @@
/* ── Tab Navigation (sticky) ─────────────────────────── */
.tabNav {
position: sticky;
top: 3.5rem;
top: 4rem;
z-index: 10;
background: var(--bg-card, white);
border: 1px solid var(--border-color, #e5dfd5);
@@ -237,7 +237,7 @@
margin-bottom: 0.875rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--border-color, #e5dfd5);
font-family: var(--font-playfair), 'Playfair Display', serif;
font-family: var(--font-playfair), "Playfair Display", serif;
display: flex;
align-items: center;
gap: 0.375rem;
@@ -247,7 +247,7 @@
}
.sectionTitle::before {
content: '';
content: "";
display: inline-block;
width: 3px;
height: 1em;
@@ -469,16 +469,43 @@
white-space: nowrap;
}
.ofstedGrade1 { background: var(--accent-teal-bg); color: var(--accent-teal, #2d7d7d); }
.ofstedGrade2 { background: rgba(60, 140, 60, 0.12); color: #3c8c3c; }
.ofstedGrade3 { background: var(--accent-gold-bg); color: #b8920e; }
.ofstedGrade4 { background: var(--accent-coral-bg); color: var(--accent-coral, #e07256); }
.ofstedGrade1 {
background: var(--accent-teal-bg);
color: var(--accent-teal, #2d7d7d);
}
.ofstedGrade2 {
background: rgba(60, 140, 60, 0.12);
color: #3c8c3c;
}
.ofstedGrade3 {
background: var(--accent-gold-bg);
color: #b8920e;
}
.ofstedGrade4 {
background: var(--accent-coral-bg);
color: var(--accent-coral, #e07256);
}
.rcGrade1 { background: var(--accent-teal-bg); color: var(--accent-teal, #2d7d7d); }
.rcGrade2 { background: rgba(60, 140, 60, 0.12); color: #3c8c3c; }
.rcGrade3 { background: var(--accent-gold-bg); color: #b8920e; }
.rcGrade4 { background: rgba(249, 115, 22, 0.12); color: #c2410c; }
.rcGrade5 { background: var(--accent-coral-bg); color: var(--accent-coral, #e07256); }
.rcGrade1 {
background: var(--accent-teal-bg);
color: var(--accent-teal, #2d7d7d);
}
.rcGrade2 {
background: rgba(60, 140, 60, 0.12);
color: #3c8c3c;
}
.rcGrade3 {
background: var(--accent-gold-bg);
color: #b8920e;
}
.rcGrade4 {
background: rgba(249, 115, 22, 0.12);
color: #c2410c;
}
.rcGrade5 {
background: var(--accent-coral-bg);
color: var(--accent-coral, #e07256);
}
.safeguardingMet {
display: inline-block;
@@ -718,11 +745,21 @@
}
/* Hero tone system */
.tone-teal { --hero-tone: var(--accent-teal, #2d7d7d); }
.tone-green { --hero-tone: #3c8c3c; }
.tone-gold { --hero-tone: var(--accent-gold, #c9a227); }
.tone-coral { --hero-tone: var(--accent-coral, #e07256); }
.tone-neutral { --hero-tone: var(--text-muted, #8a847a); }
.tone-teal {
--hero-tone: var(--accent-teal, #2d7d7d);
}
.tone-green {
--hero-tone: #3c8c3c;
}
.tone-gold {
--hero-tone: var(--accent-gold, #c9a227);
}
.tone-coral {
--hero-tone: var(--accent-coral, #e07256);
}
.tone-neutral {
--hero-tone: var(--text-muted, #8a847a);
}
.heroChip.tone-teal,
.heroChip.tone-green,
@@ -757,7 +794,7 @@
.heroStatNumber,
.heroStatNumberSerif {
font-family: var(--font-playfair), 'Playfair Display', serif;
font-family: var(--font-playfair), "Playfair Display", serif;
font-weight: 700;
line-height: 1;
color: var(--text-primary, #1a1612);
@@ -829,7 +866,7 @@
}
.heroStatCard .heroStatValue {
font-family: var(--font-playfair), 'Playfair Display', serif;
font-family: var(--font-playfair), "Playfair Display", serif;
font-size: 2.1rem;
font-weight: 700;
line-height: 1;
@@ -957,7 +994,7 @@
border-radius: 50%;
background: var(--accent-teal, #2d7d7d);
border: 2px solid white;
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
z-index: 3;
}
@@ -991,10 +1028,12 @@
user-select: none;
}
.historyToggle::-webkit-details-marker { display: none; }
.historyToggle::-webkit-details-marker {
display: none;
}
.historyToggle::before {
content: '▶';
content: "▶";
font-size: 0.6rem;
transition: transform 0.2s ease;
}