style(web): Honigtopf in der Kopfzeile groesser

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
marcandClaude Opus 5 committed 2026-09-24 18:25:22 +02:00
1 parent e8582381ec
commit c7fed82736
2 files changed
+7 -4

No files matched your search

+6 -3
View File
@@ -130,9 +130,12 @@ Die Android-App zählt eigenständig weiter (mehrere APKs pro Release). Welche d
reine Strichzeichnung wie die übrigen Symbole, damit sie die Akzentfarbe annimmt, wenn etwas
Ungelesenes anliegt. Im Web als Inline-SVG, in Android als Vektor-Drawable mit denselben
Konturen, an beiden Stellen (Kopfzeile und Kopf des Benachrichtigungsfensters).
- Bei 18 px zählt jeder Strich: die erste Fassung hatte einen zu großen Brief und einen geraden
Topf, das verlief zu einer Fläche. Der Topf hat jetzt einen gewölbten Bauch und der Brief
sitzt kleiner in der Mitte — gerendert und in Originalgröße gegengesehen.
- Bei kleiner Größe zählt jeder Strich: die erste Fassung hatte einen zu großen Brief und einen
geraden Topf, das verlief zu einer Fläche. Der Topf hat jetzt einen gewölbten Bauch und der
Brief sitzt kleiner in der Mitte — gerendert und in Originalgröße gegengesehen.
- Im Web steht er mit **23 px** etwas größer als die übrigen Kopfzeilen-Symbole (18 px): er
trägt mehr Linien als ein Zahnrad und braucht die Fläche, um lesbar zu bleiben. Die Strichstärke
ist dafür leicht zurückgenommen, damit er nicht schwerer wirkt als seine Nachbarn.
- **Der Rollbalken läuft nur noch über den Inhalt, nicht über die Suchleiste (Web)** — die
Kopfzeile mit Suche, Glocke und Zahnrad lag **im** Rollbereich und blieb per `sticky` oben
kleben. Der Balken gehört zum Rollbereich und reichte damit bis ganz nach oben, neben eine
+1 -1
View File
@@ -110,7 +110,7 @@
</div>
<div style="display:flex;align-items:center;gap:2px;flex-shrink:0">
<button class="hbtn notif-bell-btn" onclick="toggleNotifPanel()" title="Benachrichtigungen" style="padding:8px;color:var(--text2)">
<!-- Honigtopf mit Brief statt Glocke --><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3.6" y="4.6" width="16.8" height="3" rx="1.1"/><path d="M5.5 7.6c-1.1 3.9-.7 8.2.7 10.4a2 2 0 0 0 1.7.9h8.2a2 2 0 0 0 1.7-.9c1.4-2.2 1.8-6.5.7-10.4"/><rect x="8.3" y="11.7" width="7.4" height="4.6" rx="0.7" stroke-width="1.5"/><path d="M8.6 12.1 12 14.4l3.4-2.3" stroke-width="1.5"/></svg>
<!-- Honigtopf mit Brief statt Glocke --><svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="3.6" y="4.6" width="16.8" height="3" rx="1.1"/><path d="M5.5 7.6c-1.1 3.9-.7 8.2.7 10.4a2 2 0 0 0 1.7.9h8.2a2 2 0 0 0 1.7-.9c1.4-2.2 1.8-6.5.7-10.4"/><rect x="8.3" y="11.7" width="7.4" height="4.6" rx="0.7" stroke-width="1.5"/><path d="M8.6 12.1 12 14.4l3.4-2.3" stroke-width="1.5"/></svg>
<span class="notif-badge" style="display:none">0</span>
</button>
<button class="hbtn" onclick="openSettings()" title="Einstellungen" style="padding:8px;color:var(--text2)">