From 98108e540788651350596e2af4cbd1748c1131a1 Mon Sep 17 00:00:00 2001 From: albertlast Date: Sat, 29 Aug 2026 08:26:34 +0200 Subject: [PATCH] Lines the breadcrumb up with the content it sits above The breadcrumb has never quite lined up with anything. It carried a 10px inline margin of its own, while #main_content_section pads everything else by 12px, so the bar above the content sat two pixels outside it on every page. The lower breadcrumb was further out still. Display and MessageIndex draw a second one inside the main container, where it picked up that 12px of padding and then added its own 10px on top, leaving it ten pixels further in than the boxes above it. Both come from the same assumption, that the breadcrumb has to indent itself. Only the outer one does, because it is a sibling of #main_content_section rather than a child, so that is the only one that now carries a margin, and it carries the same 12px the container uses. Measured on seven pages: every breadcrumb now starts and ends exactly where the content boxes do, in both writing directions, including the lower ones on the board index and topic display. A sweep of 18 pages and 5855 elements finds 333 changed values, and every one of them belongs to a breadcrumb or something inside it - nothing else on any page moved. Signed-off-by: albertlast --- Themes/default/css/index.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/Themes/default/css/index.css b/Themes/default/css/index.css index 32c170b33c..2a60a91631 100644 --- a/Themes/default/css/index.css +++ b/Themes/default/css/index.css @@ -1375,9 +1375,17 @@ ul li.greeting { border-width: var(--navigatesection-border-width); box-shadow: var(--navigatesection-box-shadow); margin-block: .5em .75em; - margin-inline: 10px; + margin-inline: 0; padding: 0; } +/* The breadcrumb is drawn twice: once above #content_section, and once inside + it below the posts. The inner one already sits within the inline padding + that #main_content_section gives everything else, so it adds none of its + own; the outer one is a sibling of that container and has to match the same + padding itself to line up with the boxes underneath it. */ +#wrapper > .navigate_section { + margin-inline: 12px; +} .navigate_section ol { align-items: center; background: var(--breadcrumb-bg);