Drei Auswahlfelder liessen sich gleichzeitig aufklappen

Jedes merkte sich nur seine eigene Liste. Nebeneinander geöffnet lagen
sie übereinander, und keine wusste von den anderen. Ein Auswahlfeld ist
ein Menü, und von denen ist höchstens eines offen — jetzt modulweit
vermerkt, genau wie beim Kontextmenü. Escape schliesst zusätzlich von
überall, nicht nur mit dem Fokus in der Liste.

Dazu stand unter jeder Mediathek „0 Titel freigeben". Der Knopf wurde
über `hidden` versteckt — das Attribut wirkt über `display: none` mit der
Spezifität von Null, und `.btn` setzt `display: inline-flex`. Die Klasse
`.hidden` trägt ein `!important` und setzt sich durch.

Und das Favicon kommt jetzt aus `icon.png`, dem gerenderten App-Icon
selbst. Meine nachgezeichnete Fassung war falsch: die Grafik füllt die
Fläche, statt klein in der Mitte zu sitzen. Ein Icon, das dem echten nur
ähnelt, driftet beim nächsten Entwurf wieder auseinander.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-10-04 19:01:58 +02:00
co-authored by Claude Opus 5
parent 8809b9f46f
commit 4b0323f955
9 changed files with 41 additions and 38 deletions
+10 -8
View File
@@ -6,16 +6,18 @@
<meta name="theme-color" content="#0B0B0D">
<title>Flaro</title>
<!-- **Dasselbe Zeichen wie das App-Icon**, erzeugt aus
`Flaro/AppIcon.icon` — gleiche Grafik, gleiche Farben, von Display-P3
nach sRGB umgerechnet. Zwei Icons, die sich ähnlich sehen, driften
auseinander; eins, das aus demselben Ordner kommt, nicht.
<!-- **Das App-Icon selbst**, aus `icon.png` im Projektordner skaliert —
die Fassung, die Icon Composer rendert, mitsamt Glas und Bevel.
SVG zuerst, weil es in jeder Grösse scharf bleibt. Das PNG daneben
für alles, was kein SVG-Favicon kann — und für den Startbildschirm
auf dem Telefon, der ohnehin nur PNG nimmt. -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
Nachgezeichnet war es vorher, und das ging daneben: die Grafik füllt
die Fläche, statt klein in der Mitte zu sitzen. Ein Icon, das dem
echten nur ähnelt, driftet beim nächsten Entwurf wieder auseinander.
Bei 16 und 32 Bildpunkten verliert sich die Glasoptik — das liegt am
Entwurf, nicht am Export: ein Icon für 1024 Punkte hat dort mehr
Feinheit, als ein Browsertab zeigen kann. -->
<link rel="icon" type="image/png" sizes="32x32" href="/icon-32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png">
<link rel="apple-touch-icon" href="/icon-180.png">
<link rel="manifest" href="/manifest.webmanifest">
<!-- **Inter, mit der Systemschrift als Rückfall.** `display=swap`, damit der