From 5dcb125169a39581162871578f00a8da6c7c10dd Mon Sep 17 00:00:00 2001
From: Andreas Gohr <andi@splitbrain.org>
Date: Fri, 20 Apr 2012 18:18:41 +0200
Subject: [PATCH] collapse sidebar in mobile view FS#2473
---
lib/tpl/dokuwiki/css/mobile.css | 22 ++++++++++++++++++++++
lib/tpl/dokuwiki/main.php | 2 +-
lib/tpl/dokuwiki/script.js | 9 +++++++++
3 files changed, 32 insertions(+), 1 deletion(-)
create mode 100644 lib/tpl/dokuwiki/script.js
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();
+});
--
GitLab