cargdev/angular
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(aio): implement ScrollSpy service (to highlight the active section in ToC)

Browse Source
This commit is contained in:
Georgios Kalpakas
2017-05-08 14:33:56 +03:00
committed by Pete Bacon Darwin
parent 3d382dc750
commit c8b08f3a59
10 changed files with 1126 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
aio/src/styles/2-modules/_toc.scss
View File

@ -1,16 +1,16 @@
.toc-container {
width: 18%;
position: fixed;
top: 96px;
right: 0;
bottom: 32px;
overflow-y: auto;
overflow-x: hidden;
width: 18%;
position: fixed;
top: 96px;
right: 0;
bottom: 32px;
overflow-y: auto;
overflow-x: hidden;
@media (max-width: 800px) {
display: none;
width: 0;
}
@media (max-width: 800px) {
display: none;
width: 0;
}
}
aio-toc {
@ -143,6 +143,12 @@ aio-toc > div {
color: $accentblue;
}
}
&.active {
a {
color: $accentblue;
}
}
}
ul.toc-list li.h3 {
@ -151,5 +157,5 @@ aio-toc > div {
}
aio-toc.embedded > div.collapsed li.secondary {
display: none;
display: none;
}