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

Merge pull request #617 from anaqreon/doco

Browse Source 
Only display h1 headings in sticky side nav. Toggle display of detail…
This commit is contained in:
git-marijus 2016-12-10 15:06:10 +01:00 committed by GitHub
commit 7237bacec0
4 changed files with 30 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Zotlabs/Module/Help.php
View File

@ -80,6 +80,7 @@ class Help extends \Zotlabs\Web\Controller {
return replace_macros(get_markup_template('help.tpl'), array( return replace_macros(get_markup_template('help.tpl'), array(
'$title' => t('$Projectname Documentation'), '$title' => t('$Projectname Documentation'),
'$tocHeading' => t('Contents'),
'$content' => $content '$content' => $content
)); ));
} }

6
doc/toc.html
View File

@ -420,11 +420,11 @@
tocUl.toc({content: "#doco-content", headings: "h1"}); tocUl.toc({content: "#doco-content", headings: "h1"});
tocUl.addClass('toc-content'); tocUl.addClass('toc-content');
if( $(window).height() > 499) { if( $(window).height() > 499) {
tocUl.sticky({topSpacing:$('nav').outerHeight(true), zIndex: 1000}); tocUl.sticky({topSpacing:$('nav').outerHeight(true), zIndex: 1000});
} }
} }
}); });
}); });
</script> </script>

1
view/theme/redbasic/css/style.css
View File

@ -1788,6 +1788,7 @@ nav .badge.mail-update:hover {
#expand-aside, #expand-aside,
#expand-tabs, #expand-tabs,
#doco-return-to-top-btn,
#context-help-btn { #context-help-btn {
color: $nav_active_icon_colour; color: $nav_active_icon_colour;
padding: 7px 10px; padding: 7px 10px;

30
view/tpl/help.tpl
View File

@ -3,9 +3,11 @@
<h2>{{$title}}</h2> <h2>{{$title}}</h2>
</div> </div>
<div class="section-content-wrapper" id="doco-content"> <div class="section-content-wrapper" id="doco-content">
<h1>Contents</h1> <h1 class="fakelink" id="doco-top-toc-heading"><span onclick="docoTocToggle(); return false;">
<ul id="doco-top-toc"></ul> <i class="fakelink fa fa-caret-right" id="doco-toc-toggle"></i>
<hr> {{$tocHeading}}
</span></h1>
<ul id="doco-top-toc" style="margin-bottom: 1.5em; display: none;"></ul>
{{$content}} {{$content}}
</div> </div>
</div> </div>
@ -16,7 +18,25 @@
$(document).ready(function () { $(document).ready(function () {
$('#doco-top-toc').toc({content: "#doco-content", headings: "h1,h2,h3,h4"}); $('#doco-top-toc').toc({content: "#doco-content", headings: "h1,h2,h3,h4"});
$('.navbar-header').append('<button id="doco-return-to-top-btn">'); //.find('button');
var goTopBtn = $('#doco-return-to-top-btn');
goTopBtn.append('<i>').find('i').addClass('fa fa-arrow-circle-up');
//goTopBtn.attr('id', 'doco-return-to-top-btn');
goTopBtn.attr('type', 'button');
goTopBtn.attr('data-toggle', 'offcanvas');
goTopBtn.addClass('navbar-toggle');
goTopBtn.click(function() { $(window).scrollTop(0); });
}); });
function docoTocToggle() {
if($('#doco-top-toc').is(':visible')) {
$('#doco-toc-toggle').removeClass('fa-caret-down').addClass('fa-caret-right');
} else {
$('#doco-toc-toggle').removeClass('fa-caret-right').addClass('fa-caret-down');
}
$('#doco-top-toc').toggle();
return false;
}
</script> </script>