root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Replace AnchorJS with a Hugo render hook (#32953) 

* Replace AnchorJS with a Hugo render hook

* docs(anchors): improve aria-label on anchor links

* docs(anchors): show anchor link when ed

* docs(anchors): add hash in pseudo-element

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
This commit is contained in:
XhmikosR 2022-02-19 15:16:23 +02:00 committed by GitHub
parent 407af8ac7f
commit ae12d645ef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
config.yml
View File

@ -83,3 +83,7 @@ params:
js_bundle_hash: "sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" js_bundle_hash: "sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
popper: "https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.2/dist/umd/popper.min.js" popper: "https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.2/dist/umd/popper.min.js"
popper_hash: "sha384-q9CRHqZndzlxGLOj+xrdLDJa9ittGte1NksRmgJKeCV9DrM7Kz868XYqsKWPpAmn" popper_hash: "sha384-q9CRHqZndzlxGLOj+xrdLDJa9ittGte1NksRmgJKeCV9DrM7Kz868XYqsKWPpAmn"
anchors:
min: 2
max: 5

7
site/assets/js/application.js
View File

@ -10,7 +10,7 @@
* For details, see https://creativecommons.org/licenses/by/3.0/. * For details, see https://creativecommons.org/licenses/by/3.0/.
*/ */
/* global ClipboardJS: false, anchors: false, bootstrap: false */ /* global ClipboardJS: false, bootstrap: false */
(function () { (function () {
'use strict' 'use strict'
@ -163,9 +163,4 @@
tooltipBtn.setContent({ '.tooltip-inner': btnTitle }) tooltipBtn.setContent({ '.tooltip-inner': btnTitle })
}, { once: true }) }, { once: true })
}) })
anchors.options = {
icon: '#'
}
anchors.add('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5')
})() })()

9
site/assets/js/vendor/anchor.min.js vendored
View File

File diff suppressed because one or more lines are too long

16
site/assets/scss/_anchor.scss
View File

@ -1,11 +1,21 @@
.anchorjs-link { .anchor-link {
padding: 0 .175rem;
font-weight: 400; font-weight: 400;
color: rgba($link-color, .5); color: rgba($link-color, .5);
@include transition(color .15s ease-in-out); text-decoration: none;
opacity: 0;
@include transition(color .15s ease-in-out, opacity .15s ease-in-out);
&::after {
content: "#";
}
&:focus, &:focus,
&:hover { &:hover,
:hover > &,
:target > & {
color: $link-color; color: $link-color;
text-decoration: none; text-decoration: none;
opacity: 1;
} }
} }

5
site/layouts/_default/_markup/render-heading.html Normal file
View File

@ -0,0 +1,5 @@
<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }}
{{- if and (ge .Level .Page.Site.Params.anchors.min) (le .Level .Page.Site.Params.anchors.max) }}{{" " -}}
<a class="anchor-link" href="#{{ .Anchor | safeURL }}" aria-label="Link to this section: {{ .Text | safeHTML }}"></a>
{{- end -}}
</h{{ .Level }}>