style: Honigtopf auf Feldbreite aufgezogen, wirkt jetzt so gross wie das Zahnrad

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
marcandClaude Opus 5 committed 2026-09-24 23:11:07 +02:00
1 parent 37f8f8acac
commit 1432a960fb
3 files changed
+20 -8

No files matched your search

+6 -3
View File
@@ -143,9 +143,12 @@ Die Android-App zählt eigenständig weiter (mehrere APKs pro Release). Welche d
- Bei kleiner Größe zählt jeder Strich: die erste Fassung hatte einen zu großen Brief und einen - 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 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. 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 - **Nennmaß ist nicht gleich Wirkung.** Neben dem Zahnrad wirkte der Topf kleiner, obwohl er
trägt mehr Linien als ein Zahnrad und braucht die Fläche, um lesbar zu bleiben. Die Strichstärke mit 23 px nominal *größer* war. Nachgemessen: das Zahnrad füllt sein 24er-Feld vollständig aus,
ist dafür leicht zurückgenommen, damit er nicht schwerer wirkt als seine Nachbarn. der Topf nur 18,4 × 15,9 — also etwa zwei Drittel. Die Zeichnung wird jetzt auf Feldbreite
aufgezogen (Faktor 1,38) und steht bei 19 px; damit stimmen die sichtbaren Höhen überein
(17,3 gegen 18,0). Die Strichstärke ist entsprechend zurückgenommen, weil das Aufziehen sie
mitvergrößert. Dieselbe Korrektur im Android-Vektor, dort war die Schieflage dieselbe.
- **Der Rollbalken läuft nur noch über den Inhalt, nicht über die Suchleiste (Web)** — die - **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 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 kleben. Der Balken gehört zum Rollbereich und reichte damit bis ganz nach oben, neben eine
@@ -6,12 +6,20 @@
android:viewportWidth="24" android:viewportWidth="24"
android:viewportHeight="24"> android:viewportHeight="24">
<!-- Die Zeichnung fuellt ihr Feld nur zu etwa zwei Dritteln, Material-Symbole fuellen es ganz.
Ohne dieses Aufziehen wirkt der Topf neben dem Zahnrad kleiner, obwohl beide 24 dp sind. -->
<group
android:pivotX="12"
android:pivotY="11.95"
android:scaleX="1.38"
android:scaleY="1.38">
<!-- Deckelrand --> <!-- Deckelrand -->
<path <path
android:pathData="M4.7,4.6 L19.3,4.6 A1.1,1.1 0 0 1 20.4,5.7 L20.4,6.5 A1.1,1.1 0 0 1 19.3,7.6 L4.7,7.6 A1.1,1.1 0 0 1 3.6,6.5 L3.6,5.7 A1.1,1.1 0 0 1 4.7,4.6 Z" android:pathData="M4.7,4.6 L19.3,4.6 A1.1,1.1 0 0 1 20.4,5.7 L20.4,6.5 A1.1,1.1 0 0 1 19.3,7.6 L4.7,7.6 A1.1,1.1 0 0 1 3.6,6.5 L3.6,5.7 A1.1,1.1 0 0 1 4.7,4.6 Z"
android:fillColor="#00000000" android:fillColor="#00000000"
android:strokeColor="#FFFFFFFF" android:strokeColor="#FFFFFFFF"
android:strokeWidth="1.7" android:strokeWidth="1.35"
android:strokeLineJoin="round" /> android:strokeLineJoin="round" />
<!-- Topfkoerper, nach unten leicht verjuengt --> <!-- Topfkoerper, nach unten leicht verjuengt -->
@@ -19,7 +27,7 @@
android:pathData="M5.5,7.6 c-1.1,3.9 -0.7,8.2 0.7,10.4 a2,2 0 0 0 1.7,0.9 h8.2 a2,2 0 0 0 1.7,-0.9 c1.4,-2.2 1.8,-6.5 0.7,-10.4" android:pathData="M5.5,7.6 c-1.1,3.9 -0.7,8.2 0.7,10.4 a2,2 0 0 0 1.7,0.9 h8.2 a2,2 0 0 0 1.7,-0.9 c1.4,-2.2 1.8,-6.5 0.7,-10.4"
android:fillColor="#00000000" android:fillColor="#00000000"
android:strokeColor="#FFFFFFFF" android:strokeColor="#FFFFFFFF"
android:strokeWidth="1.7" android:strokeWidth="1.35"
android:strokeLineCap="round" android:strokeLineCap="round"
android:strokeLineJoin="round" /> android:strokeLineJoin="round" />
@@ -28,7 +36,7 @@
android:pathData="M9,11.7 L15,11.7 A0.7,0.7 0 0 1 15.7,12.4 L15.7,15.6 A0.7,0.7 0 0 1 15,16.3 L9,16.3 A0.7,0.7 0 0 1 8.3,15.6 L8.3,12.4 A0.7,0.7 0 0 1 9,11.7 Z" android:pathData="M9,11.7 L15,11.7 A0.7,0.7 0 0 1 15.7,12.4 L15.7,15.6 A0.7,0.7 0 0 1 15,16.3 L9,16.3 A0.7,0.7 0 0 1 8.3,15.6 L8.3,12.4 A0.7,0.7 0 0 1 9,11.7 Z"
android:fillColor="#00000000" android:fillColor="#00000000"
android:strokeColor="#FFFFFFFF" android:strokeColor="#FFFFFFFF"
android:strokeWidth="1.5" android:strokeWidth="1.25"
android:strokeLineJoin="round" /> android:strokeLineJoin="round" />
<!-- Brieflasche --> <!-- Brieflasche -->
@@ -36,7 +44,8 @@
android:pathData="M8.6,12.1 L12,14.4 L15.4,12.1" android:pathData="M8.6,12.1 L12,14.4 L15.4,12.1"
android:fillColor="#00000000" android:fillColor="#00000000"
android:strokeColor="#FFFFFFFF" android:strokeColor="#FFFFFFFF"
android:strokeWidth="1.5" android:strokeWidth="1.25"
android:strokeLineCap="round" android:strokeLineCap="round"
android:strokeLineJoin="round" /> android:strokeLineJoin="round" />
</group>
</vector> </vector>
+1 -1
View File
@@ -110,7 +110,7 @@
</div> </div>
<div style="display:flex;align-items:center;gap:2px;flex-shrink:0"> <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)"> <button class="hbtn notif-bell-btn" onclick="toggleNotifPanel()" title="Benachrichtigungen" style="padding:8px;color:var(--text2)">
<!-- 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> <!-- Honigtopf mit Brief statt Glocke --><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(-4.56 -4.54) scale(1.38)"><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.25"/><path d="M8.6 12.1 12 14.4l3.4-2.3" stroke-width="1.25"/></g></svg>
<span class="notif-badge" style="display:none">0</span> <span class="notif-badge" style="display:none">0</span>
</button> </button>
<button class="hbtn" onclick="openSettings()" title="Einstellungen" style="padding:8px;color:var(--text2)"> <button class="hbtn" onclick="openSettings()" title="Einstellungen" style="padding:8px;color:var(--text2)">