From 1d64d1e6538a6cd741b63d174abd906f53c806c6 Mon Sep 17 00:00:00 2001 From: Leo Vasanko Date: Fri, 28 Aug 2026 23:30:44 +0000 Subject: [PATCH] Lists clear floated figures: flow-root on custom-marker lists so markers no longer overlap a left float --- frontend/src/assets/pagerite.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/frontend/src/assets/pagerite.css b/frontend/src/assets/pagerite.css index c656b98..0a94b18 100644 --- a/frontend/src/assets/pagerite.css +++ b/frontend/src/assets/pagerite.css @@ -646,11 +646,16 @@ article * + h6 { theme swaps in. The box is em-sized so it tracks the local text size (e.g. smaller in asides); a theme that shrinks the glyph via font-size must widen the box by the inverse factor (see the purple - theme) to keep it spanning the indent. */ + theme) to keep it spanning the indent. flow-root makes the list a + block formatting context: beside a floated figure the whole list box + clears the float (line boxes alone would dodge it while the marker + box, outdented from the li's padding edge, stayed under the image), + so the gap becomes the figure's margin plus the full --list-indent. */ article :is(ul, ol:not([type])) { list-style: none; padding-left: 0; --list-indent: 2em; + display: flow-root; } article :is(ul, ol:not([type])) > li {