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:
+9
-28
@@ -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
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 520 B |
Reference in New Issue
Block a user