From 6449569b343dcb6ee481d224137e87308ad10bc5 Mon Sep 17 00:00:00 2001 From: khannurien Date: Sun, 20 Sep 2026 07:46:30 +0000 Subject: [PATCH] =?UTF-8?q?v3:=20the=20quote=20card's=20opening=20mark=20l?= =?UTF-8?q?ands=20on=20the=20text=20=E2=80=94=20two=20things=20had=20it=20?= =?UTF-8?q?reading=20as=20a=20smudge=20in=20the=20corner=20rather=20than?= =?UTF-8?q?=20as=20the=20note's=20own=20quotation=20mark.=20The=20card=20c?= =?UTF-8?q?lips=20its=20overflow,=20so=20hanging=20the=20glyph=20off=20the?= =?UTF-8?q?=20top=20edge=20never=20bled=20it=20past=20the=20corner;=20it?= =?UTF-8?q?=20just=20cut=20away=20the=20half=20carrying=20the=20ink.=20And?= =?UTF-8?q?=20a=20fixed=20right=20offset=20put=20what=20survived=20outside?= =?UTF-8?q?=20the=20text=20column,=20floating=20against=20the=20card's=20e?= =?UTF-8?q?dge=20instead=20of=20lining=20up=20with=20the=20words=20it=20be?= =?UTF-8?q?longs=20to.=20So=20the=20whole=20glyph=20stays=20inside=20the?= =?UTF-8?q?=20card=20and=20is=20set=20against=20the=20very=20padding=20the?= =?UTF-8?q?=20note=20is=20set=20against=20=E2=80=94=20one=20custom=20prope?= =?UTF-8?q?rty=20now,=20since=20nyt=20pads=20these=20cards=20more=20than?= =?UTF-8?q?=20the=20base=20theme=20does=20=E2=80=94=20and=20the=20top=20of?= =?UTF-8?q?fset=20takes=20back=20the=20leading=20above=20the=20ink=20so=20?= =?UTF-8?q?the=20mark=20starts=20on=20the=20note's=20first=20line=20rather?= =?UTF-8?q?=20than=20below=20it.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5 --- src/App.css | 16 +++++++++++++--- src/themes/nyt.css | 3 ++- 2 files changed, 15 insertions(+), 4 deletions(-) diff --git a/src/App.css b/src/App.css index b1dfbcb0..99f06328 100644 --- a/src/App.css +++ b/src/App.css @@ -5632,15 +5632,25 @@ body.has-player .chat-fab { /* ── Quote cards — the note is the subject, on an accent wash ── */ .journal-card--quote { - padding: 0.9rem; + --journal-quote-pad: 0.9rem; + padding: var(--journal-quote-pad); gap: 0.4rem; background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface)); } +/* Two things had this mark reading as a smudge in the corner rather than as + the note's own opening quote. The card clips its overflow, so hanging the + glyph off the top edge didn't bleed it past the corner — it cut away the + half that carries the ink. And a fixed offset put what was left outside the + text column, floating against the card's edge instead of lining up with the + words it belongs to. So: keep the whole glyph inside the card, and set it + against the same padding the note is set against. The leading above the ink + is what the top offset takes back, so the mark starts on the note's first + line rather than below it. */ .journal-card-quotemark { position: absolute; - top: -0.5rem; - right: 0.4rem; + top: calc(var(--journal-quote-pad) - 0.75rem); + right: var(--journal-quote-pad); font-family: var(--font-display, Georgia, "Times New Roman", serif); font-size: 4.5rem; line-height: 1; diff --git a/src/themes/nyt.css b/src/themes/nyt.css index 7a3c5810..3eed7166 100644 --- a/src/themes/nyt.css +++ b/src/themes/nyt.css @@ -310,7 +310,8 @@ } [data-style="nyt"] .journal-card--quote, [data-style="nyt"] .journal-card--text { - padding: 1.05rem; + --journal-quote-pad: 1.05rem; + padding: var(--journal-quote-pad); } /* ── App header — crisp masthead rule ────────────────────────────── */