On small screens, a click on a navbar item collapses the menu.

Fixes #41
This commit is contained in:
mossroy 2013-08-02 09:39:09 +02:00
parent b5fe7fc242
commit 5f7d32d1f8
2 changed files with 11 additions and 2 deletions

View File

@ -44,7 +44,7 @@
<div class="navbar">
<div class="container">
<!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<button type="button" id="navbarToggle" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

View File

@ -43,6 +43,9 @@ define(function(require) {
$('#formTitleSearch').show();
$('#titleList').show();
$('#articleContent').show();
if ($('#navbarToggle').is(":visible")) {
$('#navbarToggle').click();
}
return false;
});
$('#btnConfigure').on('click', function(e) {
@ -54,6 +57,9 @@ define(function(require) {
$('#formTitleSearch').hide();
$('#titleList').hide();
$('#articleContent').hide();
if ($('#navbarToggle').is(":visible")) {
$('#navbarToggle').click();
}
return false;
});
$('#btnAbout').on('click', function(e) {
@ -65,6 +71,9 @@ define(function(require) {
$('#formTitleSearch').hide();
$('#titleList').hide();
$('#articleContent').hide();
if ($('#navbarToggle').is(":visible")) {
$('#navbarToggle').click();
}
return false;
});
@ -101,7 +110,7 @@ define(function(require) {
goToArticle(titleName);
}
};
/**
* Populate the drop-down list of titles with the given list
* @param {type} archiveDirectories