From 82cb71c182440266292bf2264fc5685cc8961730 Mon Sep 17 00:00:00 2001
From: Andreas Gohr <andi@splitbrain.org>
Date: Mon, 14 May 2007 20:09:03 +0200
Subject: [PATCH] replaced TOC toggle images by CSS magic
Instead of relying on images to show the toggle button for hiding the table
of contents, now some CSS is used to simulate an arrow.
darcs-hash:20070514180903-7ad00-4aeef03580dfb92a5c939d3cdd569850ea31df5b.gz
---
lib/scripts/script.js | 37 +++++++++++-----------------
lib/tpl/default/design.css | 28 ++++++++++++++++-----
lib/tpl/default/images/toc_hide.gif | Bin 274 -> 0 bytes
lib/tpl/default/images/toc_show.gif | Bin 273 -> 0 bytes
4 files changed, 36 insertions(+), 29 deletions(-)
delete mode 100644 lib/tpl/default/images/toc_hide.gif
delete mode 100644 lib/tpl/default/images/toc_show.gif
diff --git a/lib/scripts/script.js b/lib/scripts/script.js
index 1ba303e8e..df6a13b11 100644
--- a/lib/scripts/script.js
+++ b/lib/scripts/script.js
@@ -243,21 +243,13 @@ function addTocToggle() {
var header = $('toc__header');
if(!header) return;
- var showimg = document.createElement('img');
- showimg.id = 'toc__show';
- showimg.src = DOKU_TPL+'images/toc_show.gif';
- showimg.alt = '+';
- showimg.onclick = toggleToc;
- showimg.style.display = 'none';
-
- var hideimg = document.createElement('img');
- hideimg.id = 'toc__hide';
- hideimg.src = DOKU_TPL+'images/toc_hide.gif';
- hideimg.alt = '-';
- hideimg.onclick = toggleToc;
-
- prependChild(header,showimg);
- prependChild(header,hideimg);
+ var obj = document.createElement('span');
+ obj.id = 'toc__toggle';
+ obj.innerHTML = '<span>-</span>';
+ obj.className = 'toc_close';
+ obj.onclick = toggleToc;
+
+ prependChild(header,obj);
}
/**
@@ -265,16 +257,15 @@ function addTocToggle() {
*/
function toggleToc() {
var toc = $('toc__inside');
- var showimg = $('toc__show');
- var hideimg = $('toc__hide');
+ var obj = $('toc__toggle');
if(toc.style.display == 'none') {
- toc.style.display = '';
- hideimg.style.display = '';
- showimg.style.display = 'none';
+ toc.style.display = '';
+ obj.style.innerHTML = '-';
+ obj.className = 'toc_close';
} else {
- toc.style.display = 'none';
- hideimg.style.display = 'none';
- showimg.style.display = '';
+ toc.style.display = 'none';
+ obj.style.innerHTML = '<span>+</span>';
+ obj.className = 'toc_open';
}
}
diff --git a/lib/tpl/default/design.css b/lib/tpl/default/design.css
index e950dc03e..fbeacefed 100644
--- a/lib/tpl/default/design.css
+++ b/lib/tpl/default/design.css
@@ -509,12 +509,28 @@ div.dokuwiki div.tocheader {
margin-bottom: 2px;
}
-div.dokuwiki div.tocheader img {
- width: 0.8em;
- height: 0.8em;
- float: right;
- margin: 0.3em 3px 0 0;
- cursor: pointer;
+div.dokuwiki span.toc_open,
+div.dokuwiki span.toc_close {
+ border: 0.4em solid __background_alt__;
+ float: right;
+ display: block;
+ margin: 0.4em 3px 0 0;
+ cursor: pointer;
+}
+
+div.dokuwiki span.toc_open span,
+div.dokuwiki span.toc_close span {
+ display: none;
+}
+
+div.dokuwiki span.toc_open {
+ margin-top: 0.4em;
+ border-top: 0.4em solid __text__;
+}
+
+div.dokuwiki span.toc_close {
+ margin-top: 0;
+ border-bottom: 0.4em solid __text__;
}
div.dokuwiki #toc__inside {
diff --git a/lib/tpl/default/images/toc_hide.gif b/lib/tpl/default/images/toc_hide.gif
deleted file mode 100644
index d491c18dbad8eac13e16db4cc44ed9dbab88677c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 274
zcmZ?wbhEHb)Mij;Xkh>WMn*;^CMFIJ4o*%^0RaJ3RaI?mZDV6&M@L5w508|Tl$@NL
z9XodH+_`iA{{06I9Jq4j%GIk^@7%fb`0?W(KYoDCz)2|nWMO1rkY~^VsQ}r@z}o*n
zy)PwmUdF0r2VU(<Wl|~F%d}(dY$Lz-4s!%{2upQtombdaqucL$wOG<sbNQJpPVcLI
z>+Z~-{`*VaiC|rcxw)GzpZ&VKb&mg0D{C>0>yHzwVk#S(42&3C${RXcwQGBFbtd#`
zOwQ2kpEglt)^xSGIfe`!3nD6(E>tpNVqCj!{f3R3HZeu6$WPn3Yxka=iVW5OSF~kH
diff --git a/lib/tpl/default/images/toc_show.gif b/lib/tpl/default/images/toc_show.gif
deleted file mode 100644
index ff13b95850d608cd1f64d7f9cd75ca12daf0dae4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 273
zcmZ?wbhEHb)Mij;Xkh>WMn*;^CMFIJ4o*%^0RaJ3RaI?mZDV6&M@L5w508|Tl$@NL
z9XodH+_`iA{{06I9Jq4j%GIk^@7%fb`0?W(KYoDCz)2|nWMO1rkY~^VsQ}r@z}ojf
zy)PwmUdF0*Ij{E>=yW^e-mh5qe#Z=kriKC!9jShIMg_x1mh){c=`*agnyIq7to&A0
z_KN%0yWaM#Uj2EpYS{BrTHDW=PQCsh(^_KL^sVPB^oop48d~J*quX2Ky6xf`jeGli
y!=?m<PVCN@J|ldtYW9MKF^g3@%a^GYuUc)sRy}vtTC)v_-rF=7cCJ!num%7nd1SQ!
--
GitLab