From a02fd3e4a49c321accc42533c6b405d797e7fa3c Mon Sep 17 00:00:00 2001 From: Clemens Creutzburg Date: Sun, 19 Jul 2026 10:37:14 +0200 Subject: [PATCH] =?UTF-8?q?Favicon=20(AOK-Logo)=20ersetzen=20und=20Hamburg?= =?UTF-8?q?er-Men=C3=BC=20auf=20Mobile=20reparieren?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Favicon zeigte noch das echte AOK-Logo; durch ein neutrales Kaffeetassen-Icon in der Marken-Grünfarbe der Seite ersetzt. Das Sidebar-Toggle-Icon nutzte ein Font-Awesome-Glyph, dessen CSS nie eingebunden war und dessen Webfont-Dateien im Repo fehlen - das Icon konnte dadurch nie gerendert werden. Durch ein reines CSS-Hamburger- Symbol (drei Balken via box-shadow) ersetzt, das ohne Font-Abhängigkeit auskommt. Per Puppeteer im mobilen Viewport (375x812) verifiziert: Sidebar öffnet sich beim Tippen auf das Icon und Linkklicks navigieren korrekt. --- assets/css/main.css | 37 +++++++++---------------------------- favicon.ico | Bin 1150 -> 520 bytes 2 files changed, 9 insertions(+), 28 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index a2947d3..756ab2f 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1976,26 +1976,16 @@ button, width: 6em; z-index: 10000; } #sidebar .toggle:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - display: inline-block; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: 1; - text-transform: none !important; - font-family: 'Font Awesome 5 Free'; - font-weight: 900; } - #sidebar .toggle:before { - content: '\f0c9'; - font-size: 2rem; - height: inherit; - left: 0; - line-height: inherit; + content: ''; + display: block; position: absolute; - text-indent: 0; - top: 0; - width: inherit; } + top: 50%; + left: 50%; + width: 1.6rem; + height: 2px; + background: #7f888f; + box-shadow: 0 -0.5rem 0 0 #7f888f, 0 0.5rem 0 0 #7f888f; + transform: translate(-50%, -50%); } #sidebar.inactive { margin-left: -26em; } @media screen and (max-width: 1680px) { @@ -2014,8 +2004,6 @@ button, line-height: 6.25em; text-indent: 5em; width: 5em; } - #sidebar .toggle:before { - font-size: 1.5rem; } #sidebar.inactive { margin-left: -24em; } } @media screen and (max-width: 1280px) { @@ -2044,9 +2032,6 @@ button, #sidebar .toggle { text-indent: 6em; width: 6em; } - #sidebar .toggle:before { - font-size: 1.5rem; - margin-left: -0.4375em; } body.is-preload #sidebar { display: none; } } @media screen and (max-width: 736px) { @@ -2054,10 +2039,6 @@ button, text-indent: 7.25em; width: 7.25em; } #sidebar .toggle:before { - color: #7f888f; - margin-left: -0.0625em; - margin-top: -0.25em; - font-size: 1.1rem; z-index: 1; } #sidebar .toggle:after { background: rgba(222, 225, 226, 0.75); diff --git a/favicon.ico b/favicon.ico index a11e04fd0e0578bad6fe8a1815a97277b6010f79..4d16e8249dfa72fb5314b2cb39d7072f30adf757 100644 GIT binary patch literal 520 zcmZQzU}Rus5D;Jh(h3a43=9lrK&+qu;m-%MR|2tt0fc`5$o61lVCW3+bLZuf;sSDc zJw054fHcqq1_2H>ASwU(e;pfqO$}~NY55{q0Y}NpnQqR<>^ZXz5NcKw89xz6|p$PO7K09 z+P=4)(I7sRsee)}`%dZQ1wb3|IS&|S3^sCSyEbs)xz{`H_y3Ls8P34apb_}qFI}Et<-@QE!W&p7Go29dY+#uv zq3OD0-zJ`kHo^??OgzdA3^$(0Yp_q4}_z~j?? z5&BA+LY2@A2boG5cU9)|h z>w$Bv2RMfw$YU*5*ki4FPLlIC>Fa$0h% cZB9py1@qTUX