From 6b6aca900c0420f6f51404bd90f2614642f350f6 Mon Sep 17 00:00:00 2001 From: kisfenyo Date: Mon, 12 Oct 2026 13:07:02 +0200 Subject: [PATCH] website: the language menu opened off the left edge of the window The controller's rule centres the menu on the globe (left: 50% + translateX(-50%)). On the website the globe sits at the far left of the sidebar footer, so 60px of the 120px menu hung outside the window and both labels were cut. Anchored to the button's left edge in site.css instead, opening rightwards into the sidebar; shell.css stays a verbatim copy. Measured after the fix: menu x 24->144 inside a 240px sidebar. site.css ?v=27. --- website/404.html | 2 +- website/CHANGELOG.md | 9 ++++++++- website/adatkezeles.html | 2 +- website/alkalmazasok.html | 2 +- website/assets/site.css | 11 +++++++++-- website/biztonsagimentes.html | 2 +- website/en/apps.html | 2 +- website/en/backups.html | 2 +- website/en/contact.html | 2 +- website/en/download.html | 2 +- website/en/faq.html | 2 +- website/en/index.html | 2 +- website/en/services.html | 2 +- website/en/technology.html | 2 +- website/en/testing.html | 2 +- website/feltetelek.html | 2 +- website/gyik.html | 2 +- website/index.html | 2 +- website/kapcsolat.html | 2 +- website/letoltes.html | 2 +- website/szolgaltatasok-nonpublic.html | 2 +- website/szolgaltatasok.html | 2 +- website/technologiak.html | 2 +- website/teszteles.html | 2 +- 24 files changed, 39 insertions(+), 25 deletions(-) diff --git a/website/404.html b/website/404.html index a6913c36..4f90e0ce 100644 --- a/website/404.html +++ b/website/404.html @@ -9,7 +9,7 @@ - + diff --git a/website/CHANGELOG.md b/website/CHANGELOG.md index db7f8c98..282dd7a1 100644 --- a/website/CHANGELOG.md +++ b/website/CHANGELOG.md @@ -21,7 +21,14 @@ the Jellyfin scene are public-domain prints. `-hu`/`-en` pair to keep in step. The still composites (`dashboard-laptop-{hu,en}.webp`) stay in the repo, now unreferenced, as the fallback if the clip is ever pulled. - Caption and `aria-label` name the six apps and claim nothing about whose box they ran on. -- `site.css` — `?v=26` on all 22 pages. +- **The language menu opened off the left edge of the window.** The controller's own rule centres + it on the globe (`left: 50%` + `translateX(-50%)`), which is right where the globe sits in the + middle of its row — but on the website the globe is at the far left of the sidebar footer, so + 60 px of a 120 px menu hung outside the window and both labels were cut (operator, 2026-10-12). + Anchored to the button's left edge in the website's own file, opening rightwards into the + sidebar; `shell.css` stays a verbatim copy. Measured after: menu `x 24→144` inside a 240 px + sidebar. +- `site.css` — `?v=27` on all 22 pages. - **Not verified: playback in this workstation's Chrome.** Its media pipeline loads nothing at all today — a 1 KB generated WAV blob also stalls at `readyState 0` with no error, which rules the clip out as the cause. Geometry, layering and the poster were verified in the browser; the moving diff --git a/website/adatkezeles.html b/website/adatkezeles.html index b93d0989..cd2c513e 100644 --- a/website/adatkezeles.html +++ b/website/adatkezeles.html @@ -22,7 +22,7 @@ - + diff --git a/website/alkalmazasok.html b/website/alkalmazasok.html index 064e0cc4..d98f516b 100644 --- a/website/alkalmazasok.html +++ b/website/alkalmazasok.html @@ -46,7 +46,7 @@ - + diff --git a/website/assets/site.css b/website/assets/site.css index dc83985f..0e0a09d9 100644 --- a/website/assets/site.css +++ b/website/assets/site.css @@ -2416,11 +2416,18 @@ body:not(.shell) .mobile-overlay.is-visible { opacity: 1; } .nav-links display:flex + gap:32px -> the sidebar menu rendered as a horizontal row spilling across the content column .lang-globe-menu top + right -> fought the controller's - bottom/left, so the globe opened the wrong way + bottom/left, so the globe opened the wrong way. The + controller's own rule then CENTRES the menu on the + button (left: 50% + translateX(-50%)); on the website + the globe sits at the far left of the sidebar footer, + so half the menu fell off the left edge of the window + and its labels were cut (operator, 2026-10-12). It is + anchored to the button's left edge here and opens + rightwards, into the sidebar it belongs to. .page-header padding + text-align -> the website's centred subpage header fought the controller's left-aligned flex row */ .shell .sidebar .nav-links { display: block; gap: 0; } -.shell .sidebar .lang-globe-menu { top: auto; right: auto; } +.shell .sidebar .lang-globe-menu { top: auto; right: auto; left: 0; transform: none; } .shell .page-header { padding: 0 0 1.25rem; text-align: left; } /* one heading on a shell page: .page-header carries the h1 (today's indexed headline), and the hero row below it is the lede sentence plus the button. */ diff --git a/website/biztonsagimentes.html b/website/biztonsagimentes.html index 86553ded..23d4f71a 100644 --- a/website/biztonsagimentes.html +++ b/website/biztonsagimentes.html @@ -40,7 +40,7 @@ - + diff --git a/website/en/apps.html b/website/en/apps.html index c0d1a3cb..655eae24 100644 --- a/website/en/apps.html +++ b/website/en/apps.html @@ -46,7 +46,7 @@ - + diff --git a/website/en/backups.html b/website/en/backups.html index d753d847..27947335 100644 --- a/website/en/backups.html +++ b/website/en/backups.html @@ -40,7 +40,7 @@ - + diff --git a/website/en/contact.html b/website/en/contact.html index 5e3b36bc..3f833abd 100644 --- a/website/en/contact.html +++ b/website/en/contact.html @@ -29,7 +29,7 @@ - + diff --git a/website/en/download.html b/website/en/download.html index 5ba9445f..79b84444 100644 --- a/website/en/download.html +++ b/website/en/download.html @@ -27,7 +27,7 @@ - + diff --git a/website/en/faq.html b/website/en/faq.html index 19d1c327..0ab50e21 100644 --- a/website/en/faq.html +++ b/website/en/faq.html @@ -366,7 +366,7 @@ - + diff --git a/website/en/index.html b/website/en/index.html index 0de4e8af..aa9e9acc 100644 --- a/website/en/index.html +++ b/website/en/index.html @@ -57,7 +57,7 @@ - + diff --git a/website/en/services.html b/website/en/services.html index 1fc770dd..22a5957d 100644 --- a/website/en/services.html +++ b/website/en/services.html @@ -40,7 +40,7 @@ - + diff --git a/website/en/technology.html b/website/en/technology.html index a91d50ac..fbcffa20 100644 --- a/website/en/technology.html +++ b/website/en/technology.html @@ -41,7 +41,7 @@ - + diff --git a/website/en/testing.html b/website/en/testing.html index f13751dd..d2bba742 100644 --- a/website/en/testing.html +++ b/website/en/testing.html @@ -40,7 +40,7 @@ - + diff --git a/website/feltetelek.html b/website/feltetelek.html index ae73d1a6..d34f98a7 100644 --- a/website/feltetelek.html +++ b/website/feltetelek.html @@ -22,7 +22,7 @@ - + diff --git a/website/gyik.html b/website/gyik.html index eefd279f..cfd466ff 100644 --- a/website/gyik.html +++ b/website/gyik.html @@ -366,7 +366,7 @@ - + diff --git a/website/index.html b/website/index.html index 8d913e33..08e16135 100644 --- a/website/index.html +++ b/website/index.html @@ -57,7 +57,7 @@ - + diff --git a/website/kapcsolat.html b/website/kapcsolat.html index 724d693b..6b8a5cd8 100644 --- a/website/kapcsolat.html +++ b/website/kapcsolat.html @@ -29,7 +29,7 @@ - + diff --git a/website/letoltes.html b/website/letoltes.html index 19c0b076..d2a6ef92 100644 --- a/website/letoltes.html +++ b/website/letoltes.html @@ -27,7 +27,7 @@ - + diff --git a/website/szolgaltatasok-nonpublic.html b/website/szolgaltatasok-nonpublic.html index d0c332f9..9c3b377b 100644 --- a/website/szolgaltatasok-nonpublic.html +++ b/website/szolgaltatasok-nonpublic.html @@ -9,7 +9,7 @@ - + diff --git a/website/szolgaltatasok.html b/website/szolgaltatasok.html index 6566c3d4..b80d2197 100644 --- a/website/szolgaltatasok.html +++ b/website/szolgaltatasok.html @@ -40,7 +40,7 @@ - + diff --git a/website/technologiak.html b/website/technologiak.html index 0597036a..82611b8b 100644 --- a/website/technologiak.html +++ b/website/technologiak.html @@ -41,7 +41,7 @@ - + diff --git a/website/teszteles.html b/website/teszteles.html index 16ed7d0b..c9ba3901 100644 --- a/website/teszteles.html +++ b/website/teszteles.html @@ -40,7 +40,7 @@ - +