Skip to content

Commit 2625222

Browse files
markdumaymarkdumay
authored
Merge pull request #1538 from gethinode/develop
feat: add link button to toggle TOC items
2 parents 6ab0175 + 74eeec9 commit 2625222

File tree

8 files changed

+171
-152
lines changed

8 files changed

+171
-152
lines changed

‎assets/js/toc.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
const btnTOCShowMore = document.getElementById('btnTOCShowMore')
2+
if (btnTOCShowMore !== null) {
3+
btnTOCShowMore.addEventListener('click', (e) => {
4+
btnTOCShowMore.style.display = 'none'
5+
})
6+
}
7+
8+
const btnTOCShowLess = document.getElementById('btnTOCShowLess')
9+
if ((btnTOCShowLess !== null) && (btnTOCShowMore !== null)) {
10+
btnTOCShowLess.addEventListener('click', (e) => {
11+
btnTOCShowMore.style.display = 'initial'
12+
})
13+
}

‎assets/scss/components/_toc.scss‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,14 @@
7474
}
7575
}
7676

77+
.btn-link.toc-item {
78+
font-size: inherit;
79+
}
80+
81+
#btnTOCShowMore {
82+
padding-top: 0.875rem;
83+
}
84+
7785
a.toc-item {
7886
display: block;
7987
}

‎config/_default/params.toml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -97,6 +97,9 @@
9797
toc = true
9898
sidebar = true
9999
size = "md"
100+
startLevel = 2
101+
endLevel = 3
102+
maxNumHeadings = 9
100103
[navigation.padding]
101104
x = 4
102105
y = 4

‎exampleSite/config/_default/params.toml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,9 @@
5151
toc = true
5252
sidebar = true
5353
size = "md"
54+
startLevel = 2
55+
endLevel = 3
56+
maxNumHeadings = 9
5457
[navigation.padding]
5558
x = 4
5659
y = 4

‎exampleSite/hugo_stats.json‎

Lines changed: 48 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -616,6 +616,8 @@
616616
"body-file-collapse-1",
617617
"bouton",
618618
"breadcrumb",
619+
"btnTOCShowLess",
620+
"btnTOCShowMore",
619621
"button",
620622
"button-group",
621623
"c4-diagram",
@@ -642,11 +644,11 @@
642644
"docs",
643645
"documentation",
644646
"dropdown-nav-0",
645-
"dropdown-panel-2a268a8b3931b61a7583f392002008fe",
646-
"dropdown-panel-5bf6f23e5fc93f9c342a4b0a1b32b838",
647-
"dropdown-panel-8cd9607610b5a8fff779d38787437e7e",
648-
"dropdown-panel-93636449c1ef8ec23d583052c9fe7a4b",
649-
"dropdown-panel-a97ffb4aaea3a2e4aa01b1ce556dd275",
647+
"dropdown-panel-084bf092239e5f25a71841b46134e2b5",
648+
"dropdown-panel-09e05d29554c47c7d092c3c332e8ab42",
649+
"dropdown-panel-5acf6806020477b731604b7c3506126d",
650+
"dropdown-panel-6bdf123559ba44e375634c7e5392b912",
651+
"dropdown-panel-d09398439fd994d4aafbc4a3a9c28bf2",
650652
"elements-type",
651653
"entity-relationship-diagram",
652654
"example",
@@ -664,11 +666,11 @@
664666
"fab-medium",
665667
"fab-whatsapp",
666668
"fab-x-twitter",
667-
"faq-a69e21a1b0b61dac8b322b1d68137cc6",
668-
"faq-a69e21a1b0b61dac8b322b1d68137cc6-heading-faq-a69e21a1b0b61dac8b322b1d68137cc6",
669-
"faq-a69e21a1b0b61dac8b322b1d68137cc6-item-0",
670-
"faq-a69e21a1b0b61dac8b322b1d68137cc6-item-1",
671-
"faq-a69e21a1b0b61dac8b322b1d68137cc6-item-2",
669+
"faq-c3e9e2ab69a8c88825f39038d15bc04f",
670+
"faq-c3e9e2ab69a8c88825f39038d15bc04f-heading-faq-c3e9e2ab69a8c88825f39038d15bc04f",
671+
"faq-c3e9e2ab69a8c88825f39038d15bc04f-item-0",
672+
"faq-c3e9e2ab69a8c88825f39038d15bc04f-item-1",
673+
"faq-c3e9e2ab69a8c88825f39038d15bc04f-item-2",
672674
"fas-1",
673675
"fas-2",
674676
"fas-3",
@@ -760,11 +762,11 @@
760762
"nav-0-btn-1",
761763
"nav-0-btn-2",
762764
"nav-nav-0",
763-
"nav-panel-2a268a8b3931b61a7583f392002008fe",
764-
"nav-panel-5bf6f23e5fc93f9c342a4b0a1b32b838",
765-
"nav-panel-8cd9607610b5a8fff779d38787437e7e",
766-
"nav-panel-93636449c1ef8ec23d583052c9fe7a4b",
767-
"nav-panel-a97ffb4aaea3a2e4aa01b1ce556dd275",
765+
"nav-panel-084bf092239e5f25a71841b46134e2b5",
766+
"nav-panel-09e05d29554c47c7d092c3c332e8ab42",
767+
"nav-panel-5acf6806020477b731604b7c3506126d",
768+
"nav-panel-6bdf123559ba44e375634c7e5392b912",
769+
"nav-panel-d09398439fd994d4aafbc4a3a9c28bf2",
768770
"navbar",
769771
"navbar-0-collapse",
770772
"navbar-mode",
@@ -773,36 +775,36 @@
773775
"navigation",
774776
"notification",
775777
"overview",
776-
"panel-2a268a8b3931b61a7583f392002008fe-0",
777-
"panel-2a268a8b3931b61a7583f392002008fe-1",
778-
"panel-2a268a8b3931b61a7583f392002008fe-2",
779-
"panel-2a268a8b3931b61a7583f392002008fe-btn-0",
780-
"panel-2a268a8b3931b61a7583f392002008fe-btn-1",
781-
"panel-2a268a8b3931b61a7583f392002008fe-btn-2",
782-
"panel-5bf6f23e5fc93f9c342a4b0a1b32b838-0",
783-
"panel-5bf6f23e5fc93f9c342a4b0a1b32b838-1",
784-
"panel-5bf6f23e5fc93f9c342a4b0a1b32b838-2",
785-
"panel-5bf6f23e5fc93f9c342a4b0a1b32b838-btn-0",
786-
"panel-5bf6f23e5fc93f9c342a4b0a1b32b838-btn-1",
787-
"panel-5bf6f23e5fc93f9c342a4b0a1b32b838-btn-2",
788-
"panel-8cd9607610b5a8fff779d38787437e7e-0",
789-
"panel-8cd9607610b5a8fff779d38787437e7e-1",
790-
"panel-8cd9607610b5a8fff779d38787437e7e-2",
791-
"panel-8cd9607610b5a8fff779d38787437e7e-btn-0",
792-
"panel-8cd9607610b5a8fff779d38787437e7e-btn-1",
793-
"panel-8cd9607610b5a8fff779d38787437e7e-btn-2",
794-
"panel-93636449c1ef8ec23d583052c9fe7a4b-0",
795-
"panel-93636449c1ef8ec23d583052c9fe7a4b-1",
796-
"panel-93636449c1ef8ec23d583052c9fe7a4b-2",
797-
"panel-93636449c1ef8ec23d583052c9fe7a4b-btn-0",
798-
"panel-93636449c1ef8ec23d583052c9fe7a4b-btn-1",
799-
"panel-93636449c1ef8ec23d583052c9fe7a4b-btn-2",
800-
"panel-a97ffb4aaea3a2e4aa01b1ce556dd275-0",
801-
"panel-a97ffb4aaea3a2e4aa01b1ce556dd275-1",
802-
"panel-a97ffb4aaea3a2e4aa01b1ce556dd275-2",
803-
"panel-a97ffb4aaea3a2e4aa01b1ce556dd275-btn-0",
804-
"panel-a97ffb4aaea3a2e4aa01b1ce556dd275-btn-1",
805-
"panel-a97ffb4aaea3a2e4aa01b1ce556dd275-btn-2",
778+
"panel-084bf092239e5f25a71841b46134e2b5-0",
779+
"panel-084bf092239e5f25a71841b46134e2b5-1",
780+
"panel-084bf092239e5f25a71841b46134e2b5-2",
781+
"panel-084bf092239e5f25a71841b46134e2b5-btn-0",
782+
"panel-084bf092239e5f25a71841b46134e2b5-btn-1",
783+
"panel-084bf092239e5f25a71841b46134e2b5-btn-2",
784+
"panel-09e05d29554c47c7d092c3c332e8ab42-0",
785+
"panel-09e05d29554c47c7d092c3c332e8ab42-1",
786+
"panel-09e05d29554c47c7d092c3c332e8ab42-2",
787+
"panel-09e05d29554c47c7d092c3c332e8ab42-btn-0",
788+
"panel-09e05d29554c47c7d092c3c332e8ab42-btn-1",
789+
"panel-09e05d29554c47c7d092c3c332e8ab42-btn-2",
790+
"panel-5acf6806020477b731604b7c3506126d-0",
791+
"panel-5acf6806020477b731604b7c3506126d-1",
792+
"panel-5acf6806020477b731604b7c3506126d-2",
793+
"panel-5acf6806020477b731604b7c3506126d-btn-0",
794+
"panel-5acf6806020477b731604b7c3506126d-btn-1",
795+
"panel-5acf6806020477b731604b7c3506126d-btn-2",
796+
"panel-6bdf123559ba44e375634c7e5392b912-0",
797+
"panel-6bdf123559ba44e375634c7e5392b912-1",
798+
"panel-6bdf123559ba44e375634c7e5392b912-2",
799+
"panel-6bdf123559ba44e375634c7e5392b912-btn-0",
800+
"panel-6bdf123559ba44e375634c7e5392b912-btn-1",
801+
"panel-6bdf123559ba44e375634c7e5392b912-btn-2",
802+
"panel-d09398439fd994d4aafbc4a3a9c28bf2-0",
803+
"panel-d09398439fd994d4aafbc4a3a9c28bf2-1",
804+
"panel-d09398439fd994d4aafbc4a3a9c28bf2-2",
805+
"panel-d09398439fd994d4aafbc4a3a9c28bf2-btn-0",
806+
"panel-d09398439fd994d4aafbc4a3a9c28bf2-btn-1",
807+
"panel-d09398439fd994d4aafbc4a3a9c28bf2-btn-2",
806808
"persona",
807809
"pie-chart",
808810
"pills",
@@ -839,6 +841,7 @@
839841
"toast-example-2",
840842
"toast-message-email-4",
841843
"toc-collapse",
844+
"toc-collapse-items",
842845
"tooltip",
843846
"types-de-cookies-que-nous-utilisons",
844847
"types-of-cookies-we-use",

‎i18n/en.yaml‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,10 @@
101101
translation: "See also"
102102
- id: sectionMenu
103103
translation: "Select a topic"
104+
- id: tocShowMore
105+
translation: "Show {{ . }} more"
106+
- id: tocShowLess
107+
translation: "Show less"
104108

105109
# Sidebar
106110
- id: toggleSidebar

‎i18n/nl.yaml‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -99,6 +99,10 @@
9999
translation: "Zie ook"
100100
- id: sectionMenu
101101
translation: "Selecteer een onderwerp"
102+
- id: tocShowMore
103+
translation: "Toon {{ . }} meer"
104+
- id: tocShowLess
105+
translation: "Toon minder"
102106

103107
# Sidebar
104108
- id: toggleSidebar

0 commit comments

Comments
 (0)