Favicon (AOK-Logo) ersetzen und Hamburger-Menü auf Mobile reparieren

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.
This commit is contained in:
2026-07-19 10:37:14 +02:00
parent a74a7f5ee8
commit a02fd3e4a4
2 changed files with 9 additions and 28 deletions
+9 -28
View File
@@ -1976,26 +1976,16 @@ button,
width: 6em; width: 6em;
z-index: 10000; } z-index: 10000; }
#sidebar .toggle:before { #sidebar .toggle:before {
-moz-osx-font-smoothing: grayscale; content: '';
-webkit-font-smoothing: antialiased; display: block;
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;
position: absolute; position: absolute;
text-indent: 0; top: 50%;
top: 0; left: 50%;
width: inherit; } 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 { #sidebar.inactive {
margin-left: -26em; } margin-left: -26em; }
@media screen and (max-width: 1680px) { @media screen and (max-width: 1680px) {
@@ -2014,8 +2004,6 @@ button,
line-height: 6.25em; line-height: 6.25em;
text-indent: 5em; text-indent: 5em;
width: 5em; } width: 5em; }
#sidebar .toggle:before {
font-size: 1.5rem; }
#sidebar.inactive { #sidebar.inactive {
margin-left: -24em; } } margin-left: -24em; } }
@media screen and (max-width: 1280px) { @media screen and (max-width: 1280px) {
@@ -2044,9 +2032,6 @@ button,
#sidebar .toggle { #sidebar .toggle {
text-indent: 6em; text-indent: 6em;
width: 6em; } width: 6em; }
#sidebar .toggle:before {
font-size: 1.5rem;
margin-left: -0.4375em; }
body.is-preload #sidebar { body.is-preload #sidebar {
display: none; } } display: none; } }
@media screen and (max-width: 736px) { @media screen and (max-width: 736px) {
@@ -2054,10 +2039,6 @@ button,
text-indent: 7.25em; text-indent: 7.25em;
width: 7.25em; } width: 7.25em; }
#sidebar .toggle:before { #sidebar .toggle:before {
color: #7f888f;
margin-left: -0.0625em;
margin-top: -0.25em;
font-size: 1.1rem;
z-index: 1; } z-index: 1; }
#sidebar .toggle:after { #sidebar .toggle:after {
background: rgba(222, 225, 226, 0.75); background: rgba(222, 225, 226, 0.75);
BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 520 B