collapse sidebar in mobile view FS#2473

3 files changed, 32 insertions, 1 deletions

diff --git a/lib/tpl/dokuwiki/css/mobile.css b/lib/tpl/dokuwiki/css/mobile.css
index 34955888c..31a0a87c8 100644
--- a/lib/tpl/dokuwiki/css/mobile.css
+++ b/lib/tpl/dokuwiki/css/mobile.css
@@ -14,10 +14,30 @@
     width: 100%;
     float: none;
 }
+
 #dokuwiki__aside > .pad {
     margin: 0 0 .5em;
+
+    /* style like the page */
+    background: __background__;
+    color: inherit;
+    border: 1px solid #eee;
+    box-shadow: 0 0 .5em #999;
+    border-radius: 2px;
+    padding: 1em;
+    margin-bottom: .5em;
+    overflow: hidden;
+    word-wrap: break-word;
+}
+
+#dokuwiki__aside h3.aside {
+    padding: 0 0 .5em;
+    font-size: .875em;
+    letter-spacing: .1em;
+    border-bottom: 1px solid __border__;
 }
 
+
 .hasSidebar #dokuwiki__content {
     float: none;
     margin-left: 0;
@@ -45,6 +65,7 @@
     margin: 0 0 1em 0;
     border-right-width: 0;
 }
+
 #dw__toc h3 {
     padding: 0 0 .5em;
 }
@@ -194,6 +215,7 @@
 
 /*____________ content ____________*/
 
+#dokuwiki__aside > .pad,
 .dokuwiki div.page {
     padding: .5em;
 }
diff --git a/lib/tpl/dokuwiki/main.php b/lib/tpl/dokuwiki/main.php
index 5e8eb7517..4883cc5f0 100644
--- a/lib/tpl/dokuwiki/main.php
+++ b/lib/tpl/dokuwiki/main.php
@@ -37,7 +37,7 @@ $showSidebar = $conf['sidebar'] && page_exists($conf['sidebar']) && ($ACT=='show
             <?php if($showSidebar): ?>
                 <!-- ********** ASIDE ********** -->
                 <div id="dokuwiki__aside"><div class="pad include group">
-                    <div class="a11y toggle"><?php echo hsc(ucfirst($conf['sidebar'])) ?></div>
+                    <h3 class="aside a11y"><?php echo hsc(ucfirst($conf['sidebar'])) ?></h3>
                     <div class="aside group">
                         <?php tpl_flush() ?>
                         <?php tpl_includeFile('sidebarheader.html') ?>
diff --git a/lib/tpl/dokuwiki/script.js b/lib/tpl/dokuwiki/script.js
new file mode 100644
index 000000000..dd9c17561
--- /dev/null
+++ b/lib/tpl/dokuwiki/script.js
@@ -0,0 +1,9 @@
+jQuery(function(){
+    // check if we are in mobile mode
+    if(jQuery('div.mobileTools').css('display') == 'none') return;
+
+    // toc and sidebar hiding
+    dw_page.makeToggle('#dokuwiki__aside h3.aside','#dokuwiki__aside div.aside');
+    jQuery('#dw__toc > h3').click();
+    jQuery('#dokuwiki__aside h3.aside').removeClass('a11y').click();
+});