Skip to content

style(ui): 40px theme toggle, FR nav breathing room, explicit script directives #68

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
eaitbrahim merged 1 commit into from
Aug 22, 2026
Merged

style(ui): 40px theme toggle, FR nav breathing room, explicit script directives #68

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 33 additions & 4 deletions src/styles/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -405,6 +405,7 @@ section {
display: inline-flex;
align-items: center;
justify-content: center;
flex: none; /* keep the 2.5rem circle — flex shrink squashed it to ~31px on crowded desktop bars (#46) */
width: 2.5rem;
height: 2.5rem;
padding: 0;
Expand Down Expand Up @@ -1799,14 +1800,42 @@ html[dir="rtl"] .locale-switch {
font-size: 1rem;
}

/* French labels run long — keep the one-bar nav from wrapping */
/* French labels run long — keep the one-bar nav from wrapping. The stock FR
sizing (0.87rem / 0.35rem padding) still needed ~60px more than the bar
offers at the 64rem breakpoint, so the nav wrapped into two crowded lines
from 1024px up to ~1280px. The tighter metrics below keep all nine links
on a single line from 64rem up (below that the hamburger owns the nav). */
html[lang="fr"] .site-nav {
gap: 0.1rem 0.35rem;
gap: 0.1rem 0.3rem;
}

html[lang="fr"] .site-nav a {
font-size: 0.87rem;
padding-inline: 0.35rem;
font-size: 0.82rem;
padding-inline: 0.22rem;
}

/* Intermediate viewports (64rem up to the container's comfortable width):
the nine French labels still crowd here even with the metrics above, so
reclaim a little bar room — tighter gutters around the nav and inside the
actions cluster — and ease the labels one notch below the base FR sizing.
72rem and wider fits with the base FR metrics untouched. */
@media (min-width: 64rem) and (max-width: 71.99rem) {
html[lang="fr"] .site-header .inner {
gap: 0.5rem;
}

html[lang="fr"] .header-actions {
gap: 0.5rem;
}

html[lang="fr"] .site-nav {
gap: 0.1rem 0.15rem;
}

html[lang="fr"] .site-nav a {
font-size: 0.78rem;
padding-inline: 0.12rem;
}
}

/* Changelog (#41) — version TOC and per-release articles */
Expand Down
Loading