From fa8d1a97e2472d2d4520cc0f2fd04654ee35c600 Mon Sep 17 00:00:00 2001 From: Scarriffle Date: Mon, 12 Oct 2026 19:03:45 +0200 Subject: [PATCH] Vom Aufmacher war vor allem Grau zu sehen MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Zwei Beschwerden, zwei Ursachen. **„Niedrig" war nicht niedrig.** Mit 62 vh war es mittel mit anderem Namen; die Spanne reichte nur nach oben, weil die fünfte Stufe damals oben gebraucht wurde. Darunter steht jetzt „Flach" mit 46 vh — für den, der den Aufmacher als Kopfzeile will und nicht als halbe Seite. **Der Verlauf fing auf halber Höhe schon mit 55 % Deckung an** und wurde erst bei 85 % durchsichtig. Von einem starken Bild blieb dadurch vor allem Grau übrig. Jetzt kurz und steil: unten dunkel genug, dass die Schrift trägt, und die obere Hälfte frei. Der Text sitzt unten links — genau dort muss es tragen, und darüber nicht. Co-Authored-By: Claude Opus 5 --- server/src/Flaro.Api/Aufmacherhoehe.cs | 10 ++++++++-- web/app/src/style.css | 20 ++++++++++++++++--- .../src/views/einstellungen/darstellung.ts | 1 + 3 files changed, 26 insertions(+), 5 deletions(-) diff --git a/server/src/Flaro.Api/Aufmacherhoehe.cs b/server/src/Flaro.Api/Aufmacherhoehe.cs index 760d45f..4b4f1c0 100644 --- a/server/src/Flaro.Api/Aufmacherhoehe.cs +++ b/server/src/Flaro.Api/Aufmacherhoehe.cs @@ -30,10 +30,16 @@ public static class Aufmacherhoehe /// Die fünfte kam nach. Am Telefon war selbst „sehr hoch" zu /// flach — dort überschrieb eine feste Regel die Einstellung ganz. Das /// ist behoben; die zusätzliche Stufe gibt darüber hinaus Luft. + /// + /// Und eine sechste darunter. „Niedrig" war mit 62 vh nicht + /// niedrig, sondern mittel mit anderem Namen — die Spanne reichte nur + /// nach oben. Wer den Aufmacher als Kopfzeile will und nicht als halbe + /// Seite, hatte keine Stufe dafür. /// - private static readonly string[] Stufen = ["niedrig", "mittel", "hoch", "sehrhoch", "voll"]; + private static readonly string[] Stufen = + ["flach", "niedrig", "mittel", "hoch", "sehrhoch", "voll"]; - /// Macht aus dem Gespeicherten eine der vier Stufen. + /// Macht aus dem Gespeicherten eine der Stufen. /// /// /// Unbekanntes wird zur Vorgabe statt zu einem Fehler: in der Spalte diff --git a/web/app/src/style.css b/web/app/src/style.css index 3a865e1..4e2ad9e 100644 --- a/web/app/src/style.css +++ b/web/app/src/style.css @@ -1433,6 +1433,13 @@ body:has(.pl.pl-klein) .auswahlleiste { bottom: 92px; } --hero-hoehe: min(72vh, 640px); --hero-hoehe-schmal: min(52vh, 420px); } +/* **Die flachste Stufe.** „Niedrig" war mit 62 vh nicht niedrig, sondern + mittel mit anderem Namen — die Spanne reichte nur nach oben. Wer den + Aufmacher als Kopfzeile will und nicht als halbe Seite, braucht das hier. */ +html[data-aufmacher="flach"] { + --hero-hoehe: min(46vh, 420px); + --hero-hoehe-schmal: min(34vh, 280px); +} html[data-aufmacher="niedrig"] { --hero-hoehe: min(62vh, 560px); --hero-hoehe-schmal: min(42vh, 340px); @@ -1477,13 +1484,20 @@ html[data-aufmacher="voll"] { /* **Zwei Verläufe, nicht einer.** Der von unten lässt die erste Reihe sich darüberschieben; der von links sorgt dafür, dass der Text trägt, auch wenn - das Bild dort hell ist. */ + das Bild dort hell ist. + + **Kurz und steil, nicht lang und flach.** Hier stand 55 % Deckung auf + halber Höhe und durchsichtig erst bei 85 % — von einem starken Aufmacher + war dadurch vor allem Grau zu sehen. Der Text sitzt unten links; genau + dort muss es tragen, und darüber nicht. */ .hero-buehne::after { content: ''; position: absolute; inset: 0; background: - linear-gradient(to top, var(--canvas) 2%, rgba(11, 11, 13, .55) 45%, transparent 85%), - linear-gradient(to right, rgba(11, 11, 13, .88) 0%, rgba(11, 11, 13, .35) 45%, transparent 75%); + linear-gradient(to top, var(--canvas) 0%, rgba(11, 11, 13, .70) 16%, + rgba(11, 11, 13, .25) 38%, transparent 62%), + linear-gradient(to right, rgba(11, 11, 13, .85) 0%, rgba(11, 11, 13, .30) 30%, + transparent 55%); } .hero-inhalt { diff --git a/web/app/src/views/einstellungen/darstellung.ts b/web/app/src/views/einstellungen/darstellung.ts index 7123267..88bfbc0 100644 --- a/web/app/src/views/einstellungen/darstellung.ts +++ b/web/app/src/views/einstellungen/darstellung.ts @@ -39,6 +39,7 @@ export function darstellungsbereich(): HTMLElement { liste.innerHTML = ''; const stufen = [ + { wert: 'flach', text: 'Flach' }, { wert: 'niedrig', text: 'Niedrig' }, { wert: 'mittel', text: 'Mittel' }, { wert: 'hoch', text: 'Hoch' },