DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: gemeinsame Navigationsleiste war auf der Verwaltungsseite ~16% groesser

Browse Source 
Endlich gefunden (Screenshot-Vergleich Haupt-/Verwaltungsseite Seite an
Seite, exakt gleiche Fensterbreite): verwaltung.html setzt bewusst
`html { font-size: 18.5px }` fuer ihr eigenes "Jewelen-Tresor"-Design
(statt der normalen 16px) -- das ist eine GLOBALE rem-Basis und vergroesserte
dadurch ungewollt auch die gemeinsame, aus main.css/main.js kommende
Navigationsleiste um denselben Faktor (~16%). Dieselbe Leiste brauchte
dadurch spuerbar mehr Breite als auf jeder anderen Seite und lief bei
Fensterbreiten ueber, bei denen sie ueberall sonst laengst gut passte --
kein Cache-Problem, ein echter CSS-Bug, der die ganze vorherige
Fehlersuche erklaert.

Fix: die Navigationsleiste bekommt in verwaltung.html ihre Masse fest in
Pixel zurueck (exakt die Werte, die bei 16px-Basis herauskaemen) statt in
rem -- dadurch bleibt sie unabhaengig von der Basis-Schriftgroesse dieser
Seite exakt so gross wie ueberall sonst. Lokal verifiziert: beide Seiten
liefern jetzt bei identischer Fensterbreite exakt dieselbe Leisten-Breite
(1560px).

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
DogFatherGit
2026-08-20 22:22:45 +02:00
co-authored by Claude Opus 5
parent fece1dad56
commit 208b5ba4ed
1 changed files with 32 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
verwaltung.html
+32 -6
View File
@@ -19,10 +19,10 @@
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon-admin.png" />
<meta name="apple-mobile-web-app-title" content="DogiCrew-Verwaltung" />
<meta name="theme-color" content="#0e0a16" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820d" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820d" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820d" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820d" />
<link rel="stylesheet" href="assets/css/main.css?v=20260820e" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260820e" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260820e" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260820e" />
<style>
/* =====================================================================
verwaltung.html — Dogis privater Command-Center-Bereich.
@@ -80,6 +80,32 @@
einzeln angehoben. */
html { font-size: 18.5px; }
/* Bugfix 20.08.2026 (Nutzer-Report per Screenshot-Vergleich: die Leiste
sieht auf der Verwaltungsseite größer aus als auf der Hauptseite,
obwohl main.css/main.js exakt identisch sind): der `rem`-Einheit oben
ist ein GLOBALER Hebel — sie erhöht auch alle Maße der gemeinsamen
Navigationsleiste um denselben Faktor (18.5/16 ≈ 16 % größer), obwohl
die Leiste selbst gar nicht Teil der "Jewelen-Tresor"-Vergrößerung sein
sollte. Dadurch brauchte dieselbe Leiste hier ~16 % mehr Breite als
überall sonst und lief bei genau der Fensterbreite über den Rand, bei
der sie auf jeder anderen Seite noch gut passte — kein Cache-Problem,
ein echter, bislang übersehener CSS-Bug. Fix: die Leiste bekommt hier
ihre Maße fest in Pixel zurück (exakt die Werte, die bei der normalen
16px-Basis herauskämen) statt in `rem`, dadurch bleibt sie unabhängig
von der Basis-Schriftgröße dieser Seite exakt gleich groß wie überall. */
header.site-header .nav-bar { gap: 32px; padding: 14.4px 0; }
header.site-header .brand { gap: 10.4px; font-size: 21.12px; }
header.site-header .brand small { font-size: 11.2px; }
header.site-header .nav-links { gap: 11.2px; }
header.site-header .nav-group > button { font-size: 18.24px; gap: 4.8px; padding: 8px 8.8px; }
header.site-header .nav-flat { font-size: 18.24px; padding: 8px 8.8px; }
header.site-header .nav-dropdown { padding: 7.2px; }
header.site-header .nav-dropdown a { padding: 8.8px 12px; font-size: 16.96px; }
header.site-header .sprach-schalter > button { font-size: 17.28px; gap: 8px; padding: 7.2px 17.6px 7.2px 9.6px; }
header.site-header .nav-cta { padding: 9.6px 21.6px; font-size: 15.2px; }
header.site-header .nav-cta-soon { gap: 3.52px; margin-left: 8px; padding: 2.4px 8px; font-size: 10.24px; }
header.site-header .nav-toggle { padding: 8px 11.2px; }
/* ---------- Durchgehende Juwelen-Aurora (nicht nur beim Login) ---------- */
.vw-aurora { position: fixed; inset: -10%; z-index: -2; pointer-events: none; filter: blur(2px); }
.vw-aurora span { position: absolute; width: 44vw; height: 44vw; border-radius: 50%; filter: blur(85px); opacity: .3; mix-blend-mode: screen; }
@@ -951,8 +977,8 @@
</main>
<div id="site-footer"></div>
<script src="assets/js/main.js?v=20260820d"></script>
<script src="assets/js/admin-auth.js?v=20260820d"></script>
<script src="assets/js/main.js?v=20260820e"></script>
<script src="assets/js/admin-auth.js?v=20260820e"></script>
<script>
(function () {
const API_BASE_URL = "https://postfach.dogfather-universe.com";