Skip to content

Style inline code in Antora chrome titles (H1, nav, breadcrumbs) #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
AMDphreak merged 1 commit into from
Sep 29, 2026
Merged

Style inline code in Antora chrome titles (H1, nav, breadcrumbs) #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
= Changelog

== 2026-09-29 -- Inline code in page titles and nav chrome

* Supplemental CSS styles `<code>` inside page H1, side-nav labels, and Valentus breadcrumb trail text (AsciiDoc backticks in doctitles and nav xref labels).

== 2026-09-29 -- Tools shared Antora component

* Add hub-owned `docs-tools/` scaffold (`name: tools`) with ROOT landing page; site-nav-tree lists a single `tools` root instead of per-CLI components.
Expand Down
34 changes: 34 additions & 0 deletions supplemental-ui/css/site-inline-title-code.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
/* Inline code in chrome titles (H1, side nav, breadcrumb trail).
Antora/Asciidoctor emit <code> for backticks in doctitles and nav xref labels;
Valentus templates already render those fields with triple mustache. */

.nav .nav-link code,
.nav .nav-text code,
.adt-breadcrumb-trail-text code,
.adt-breadcrumb-trail-link code,
.doc .adt-page-title code,
.adt-article .adt-page-title code {
font-family: var(--monospace-font-family, "IBM Plex Mono", "Roboto Mono", ui-monospace, monospace);
font-size: 0.92em;
font-weight: 500;
letter-spacing: -0.01em;
}

.nav .nav-link code,
.nav .nav-text code,
.adt-breadcrumb-trail-text code,
.adt-breadcrumb-trail-link code {
color: inherit;
background: color-mix(in srgb, currentColor 8%, transparent);
border-radius: 0.2em;
padding: 0.05em 0.25em;
}

.doc .adt-page-title code,
.adt-article .adt-page-title code {
color: inherit;
background: color-mix(in srgb, currentColor 10%, transparent);
border-radius: 0.2em;
padding: 0.05em 0.3em;
font-weight: 600;
}
1 change: 1 addition & 0 deletions supplemental-ui/partials/head-meta.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@ document.documentElement.classList.add('adt-fouc-pending')
<link rel="stylesheet" href="{{{uiRootPath}}}/css/nav-typology.css">
{{!-- Independent nav vs article column scroll (after Valentus layout) --}}
<link rel="stylesheet" href="{{{uiRootPath}}}/css/site-nav-column-scroll.css">
<link rel="stylesheet" href="{{{uiRootPath}}}/css/site-inline-title-code.css">
<script>
(function () {
const dmNavbar = document.querySelector('meta[name="dm-navbar"]')
Expand Down
Loading