From ea1ba38cf0b8ec696527b56a2440e4f261f82b30 Mon Sep 17 00:00:00 2001 From: AliceDarkest Date: Sun, 12 Jul 2026 23:56:25 +0200 Subject: [PATCH] =?UTF-8?q?Accessibility-Icon=20an=20Kopfzeilengr=C3=B6?= =?UTF-8?q?=C3=9Fe=20angleichen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 2 ++ src/main/resources/static/css/accessibility-placement.css | 6 +++--- src/main/resources/static/js/theme.js | 2 +- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8146fb9..a4a9c17 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -25,6 +25,8 @@ Docker/CI-Härtung und erste Tests. Formulare zu überdecken: seitlich auf Desktop und in einer unteren Schutzzone auf kleinen Displays. - Accessibility-Zugriff in die jeweilige sticky Kopfzeile neben Theme/Logout verschoben; Seiten ohne Werkzeugleiste erhalten eine eigene reservierte Utility-Zeile statt eines Inhalts-Overlays. +- Accessibility-Schaltfläche auf dieselben 38 px Außen- und 18 px Iconmaße wie die übrigen + Kopfzeilen-Werkzeuge vereinheitlicht. - SystemEscape behält seine Terminal-Typografie im Spiel, verwendet für globale Navigation und Werkzeuge aber die einheitliche Mindflux-Sans-Serif-Schrift. - TechTacular-Kategoriekarten auf identische Höhe gesetzt und zweizeilige Titel mittig ausgerichtet. diff --git a/src/main/resources/static/css/accessibility-placement.css b/src/main/resources/static/css/accessibility-placement.css index 2ca07d1..a0c83ef 100644 --- a/src/main/resources/static/css/accessibility-placement.css +++ b/src/main/resources/static/css/accessibility-placement.css @@ -1,7 +1,7 @@ body{padding-left:0!important;padding-bottom:0!important} -.mf-a11y-trigger{position:static!important;width:44px;height:44px;z-index:auto;flex:0 0 44px;box-shadow:0 0 14px var(--glow-w);border-radius:12px} -.mf-a11y-trigger svg{width:25px;height:25px} +.mf-a11y-trigger{position:static!important;width:38px;height:38px;z-index:auto;flex:0 0 38px;box-shadow:0 0 14px var(--glow-w);border-radius:10px} +.mf-a11y-trigger svg{width:18px;height:18px} .mf-a11y-panel{inset:76px 16px auto auto!important;width:min(450px,calc(100vw - 32px));max-height:calc(100dvh - 92px)} .mf-a11y-utility{position:sticky;top:0;z-index:1700;min-height:60px;display:flex;align-items:center;justify-content:flex-end;padding:.5rem 1rem;background:var(--panel);border-bottom:1px solid var(--border)} .mf-theme-float{display:flex;align-items:center;gap:.55rem} -@media(max-width:700px){.mf-a11y-panel{inset:70px 6px auto 6px!important;width:auto;max-height:calc(100dvh - 82px)}.mf-a11y-trigger{width:42px;height:42px;flex-basis:42px}} +@media(max-width:700px){.mf-a11y-panel{inset:70px 6px auto 6px!important;width:auto;max-height:calc(100dvh - 82px)}} diff --git a/src/main/resources/static/js/theme.js b/src/main/resources/static/js/theme.js index 1a00dd7..c0d984b 100644 --- a/src/main/resources/static/js/theme.js +++ b/src/main/resources/static/js/theme.js @@ -32,7 +32,7 @@ document.head.appendChild(accessibilityCss); var accessibilityPlacementCss = document.createElement('link'); accessibilityPlacementCss.rel = 'stylesheet'; - accessibilityPlacementCss.href = '/css/accessibility-placement.css?v=1'; + accessibilityPlacementCss.href = '/css/accessibility-placement.css?v=2'; accessibilityPlacementCss.setAttribute('data-accessibility', ''); document.head.appendChild(accessibilityPlacementCss); }