From 97d5c0321b5d38bab1249d37a2933467fc3bcf0f Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 1 Nov 2026 12:32:27 +0000 Subject: [PATCH] Keep the marked page level with the rest of the breadcrumb The current page carries a 2px line and a 1px gap under it, which made its box 3px taller than the other entries; the bar centres its entries, so the marked word sat 1.5px higher than Home and moved whenever the reader went to another page. A margin of -3px takes the line out of the height: the word stays level, only the line is added - as on the home page, Samples and Insights (CONVENTION.md in abap2UI5/abap2UI5.github.io). Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_014YZFmFizjMGgrfvyidBoKd --- src/styles/global.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/global.css b/src/styles/global.css index dcadc3b..132b8c8 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -68,7 +68,7 @@ img { max-width: 100%; height: auto; } .sites .sep { color: var(--line); } .sites .brand { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-weight: 700; letter-spacing: -.01em; margin-right: 8px; } .sites .brand img { width: 22px; height: 22px; } -.sites [aria-current="page"] { color: var(--ink); font-weight: 600; border-bottom: 2px solid var(--brand); padding-bottom: 1px; } +.sites [aria-current="page"] { color: var(--ink); font-weight: 600; border-bottom: 2px solid var(--brand); padding-bottom: 1px; margin-bottom: -3px; /* the line takes no height: the word stays level with the trail */ } /* ---- the greeting -------------------------------------------------------- */ .welcome {