Change header link hover to not affect layout
This commit is contained in:
@@ -7,7 +7,7 @@
|
||||
{{ if .Scratch.Get "paige_show_full_pages" }}
|
||||
{{ .Content }}
|
||||
{{ else }}
|
||||
{{ .Content | replaceRE `(<h[1-6] id="([^"]+)".+)(</h[1-6]+>)` `${1}<a class="paige-header-link small" href="#${2}">#</a>${3}` | safeHTML }}
|
||||
{{ .Content | replaceRE `(<h[1-6] id="([^"]+)".+)(</h[1-6]+>)` `${1}<a class="paige-header-link" href="#${2}">#</a>${3}` | safeHTML }}
|
||||
{{ end }}
|
||||
</article>
|
||||
</div>
|
||||
|
@@ -24,5 +24,6 @@
|
||||
.paige-header-link {
|
||||
display: none;
|
||||
margin-left: 0.3rem;
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
|
@@ -4,5 +4,5 @@
|
||||
{{ $class = "display-1" }}
|
||||
{{ end }}
|
||||
{{ $title := .Title | markdownify }}
|
||||
<h1 class="{{ $class }} fw-bold text-center">{{ if .Params.link }}<a href="{{ .Params.link }}">{{ $title }}</a>{{ else }}{{ $title }}{{ end }}{{ if .Scratch.Get "paige_show_full_pages" }}<a class="paige-header-link small" href="{{ .RelPermalink }}">#</a>{{ end }}</h1>
|
||||
<h1 class="{{ $class }} fw-bold text-center">{{ if .Params.link }}<a href="{{ .Params.link }}">{{ $title }}</a>{{ else }}{{ $title }}{{ end }}{{ if .Scratch.Get "paige_show_full_pages" }}<a class="paige-header-link" href="{{ .RelPermalink }}">#</a>{{ end }}</h1>
|
||||
{{ end }}
|
||||
|
Reference in New Issue
Block a user