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); color: var(--text-primary, #1a1612);
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
line-height: 1.15; line-height: 1.15;
font-family: var(--font-playfair), 'Playfair Display', serif; font-family: var(--font-playfair), "Playfair Display", serif;
overflow-wrap: break-word; overflow-wrap: break-word;
} }
@@ -133,7 +133,7 @@
/* ── Tab Navigation (sticky) ─────────────────────────── */ /* ── Tab Navigation (sticky) ─────────────────────────── */
.tabNav { .tabNav {
position: sticky; position: sticky;
top: 3.5rem; top: 4rem;
z-index: 10; z-index: 10;
background: var(--bg-card, white); background: var(--bg-card, white);
border: 1px solid var(--border-color, #e5dfd5); border: 1px solid var(--border-color, #e5dfd5);
@@ -237,7 +237,7 @@
margin-bottom: 0.875rem; margin-bottom: 0.875rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
border-bottom: 2px solid var(--border-color, #e5dfd5); 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; display: flex;
align-items: center; align-items: center;
gap: 0.375rem; gap: 0.375rem;
@@ -247,7 +247,7 @@
} }
.sectionTitle::before { .sectionTitle::before {
content: ''; content: "";
display: inline-block; display: inline-block;
width: 3px; width: 3px;
height: 1em; height: 1em;
@@ -469,16 +469,43 @@
white-space: nowrap; white-space: nowrap;
} }
.ofstedGrade1 { background: var(--accent-teal-bg); color: var(--accent-teal, #2d7d7d); } .ofstedGrade1 {
.ofstedGrade2 { background: rgba(60, 140, 60, 0.12); color: #3c8c3c; } background: var(--accent-teal-bg);
.ofstedGrade3 { background: var(--accent-gold-bg); color: #b8920e; } color: var(--accent-teal, #2d7d7d);
.ofstedGrade4 { background: var(--accent-coral-bg); color: var(--accent-coral, #e07256); } }
.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); } .rcGrade1 {
.rcGrade2 { background: rgba(60, 140, 60, 0.12); color: #3c8c3c; } background: var(--accent-teal-bg);
.rcGrade3 { background: var(--accent-gold-bg); color: #b8920e; } color: var(--accent-teal, #2d7d7d);
.rcGrade4 { background: rgba(249, 115, 22, 0.12); color: #c2410c; } }
.rcGrade5 { background: var(--accent-coral-bg); color: var(--accent-coral, #e07256); } .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 { .safeguardingMet {
display: inline-block; display: inline-block;
@@ -718,11 +745,21 @@
} }
/* Hero tone system */ /* Hero tone system */
.tone-teal { --hero-tone: var(--accent-teal, #2d7d7d); } .tone-teal {
.tone-green { --hero-tone: #3c8c3c; } --hero-tone: var(--accent-teal, #2d7d7d);
.tone-gold { --hero-tone: var(--accent-gold, #c9a227); } }
.tone-coral { --hero-tone: var(--accent-coral, #e07256); } .tone-green {
.tone-neutral { --hero-tone: var(--text-muted, #8a847a); } --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-teal,
.heroChip.tone-green, .heroChip.tone-green,
@@ -757,7 +794,7 @@
.heroStatNumber, .heroStatNumber,
.heroStatNumberSerif { .heroStatNumberSerif {
font-family: var(--font-playfair), 'Playfair Display', serif; font-family: var(--font-playfair), "Playfair Display", serif;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
color: var(--text-primary, #1a1612); color: var(--text-primary, #1a1612);
@@ -829,7 +866,7 @@
} }
.heroStatCard .heroStatValue { .heroStatCard .heroStatValue {
font-family: var(--font-playfair), 'Playfair Display', serif; font-family: var(--font-playfair), "Playfair Display", serif;
font-size: 2.1rem; font-size: 2.1rem;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
@@ -957,7 +994,7 @@
border-radius: 50%; border-radius: 50%;
background: var(--accent-teal, #2d7d7d); background: var(--accent-teal, #2d7d7d);
border: 2px solid white; 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; z-index: 3;
} }
@@ -991,10 +1028,12 @@
user-select: none; user-select: none;
} }
.historyToggle::-webkit-details-marker { display: none; } .historyToggle::-webkit-details-marker {
display: none;
}
.historyToggle::before { .historyToggle::before {
content: '▶'; content: "▶";
font-size: 0.6rem; font-size: 0.6rem;
transition: transform 0.2s ease; transition: transform 0.2s ease;
} }