harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Autoscroll page table of contents near top of side nav menu if on large screens, but set position to static on small screens to fix display bug

Browse Source
This commit is contained in:
Andrew Manning 2016-11-28 06:36:19 -07:00
parent 5bcb373c00
commit 2528f35f00
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
doc/toc.html
View File

@ -8,14 +8,18 @@
.doco-list-group-item { .doco-list-group-item {
padding-left: 15px; padding-left: 15px;
} }
.widget { #region_1 .widget {
position: fixed; position: fixed;
top:70px; top:70px;
width: inherit; width: inherit;
height: 80%; height: 80%;
overflow-y: scroll; overflow-y: scroll;
} }
@media screen and (max-width: 767px) {
#region_1 .widget {
position: static;
}
}
</style> </style>
<div class="panel-group" id="accordion"> <div class="panel-group" id="accordion">
@ -120,11 +124,13 @@
break; break;
default: default:
break; break;
} }
// Generate the table of contents in the side nav menu (see view/tpl/help.tpl)
$(document).ready(function () { $(document).ready(function () {
var tocUl = $('#page-toc-container').append('<ul>').find('ul'); var tocUl = $('#page-toc-container').append('<ul>').find('ul');
tocUl.removeClass(); tocUl.removeClass(); // Classes are automatically added to <ul> elements by something else
tocUl.toc({content: "#doco-content", headings: "h1,h2,h3,h4"}); tocUl.toc({content: "#doco-content", headings: "h1,h2,h3,h4"});
$('#region_1 .widget').scrollTop($(tocUl).offset().top - $('#accordion').offset().top);
}); });
</script> </script>