Prevent header links from wrapping

This commit is contained in:
Will Faught
2024-06-05 22:36:02 -07:00
parent 604f8882f6
commit 9a8fd3afa6
2 changed files with 3 additions and 1 deletions

View File

@@ -1,6 +1,6 @@
{{ $page := . }}
{{ $content := $page.Content | replaceRE `(<h[1-6] id="([^"]+)".+)(</h[1-6]+>)` (printf `${1} <a aria-label="%s" class="paige-header-link" href="#${2}"></a>${3}` (i18n "paige_aria_section_link")) }}
{{ $content := $page.Content | replaceRE `(<h[1-6] id="([^"]+)".+)(</h[1-6]+>)` (printf `${1}<a aria-label="%s" class="paige-header-link" href="#${2}"></a>${3}` (i18n "paige_aria_section_link")) }}
{{ with $content }}
<div class="mw-100" id="paige-content">{{ . | safeHTML }}</div>

View File

@@ -19,6 +19,8 @@
.paige-header-link {
opacity: 0;
margin-left: 0.5rem;
position: absolute;
transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}