diff options
| author | Mario <mario@mariovavti.com> | 2024-10-02 20:08:04 +0000 |
|---|---|---|
| committer | Mario <mario@mariovavti.com> | 2024-10-02 20:08:04 +0000 |
| commit | 64bd8eef4b1e08d0521f91f9b2cdb7369e946521 (patch) | |
| tree | eea2717c224fdc1c724a13deab40d0f965df1355 | |
| parent | aa42f6a6b28a7e91d3a1216eaf88d086930db264 (diff) | |
| download | volse-hubzilla-64bd8eef4b1e08d0521f91f9b2cdb7369e946521.tar.gz volse-hubzilla-64bd8eef4b1e08d0521f91f9b2cdb7369e946521.tar.bz2 volse-hubzilla-64bd8eef4b1e08d0521f91f9b2cdb7369e946521.zip | |
Use html details element for toc on top of help pages.
This allows us to get rid of some more unneccessary JavaScript that just
implements stuff that web browsers now do anyways.
(cherry picked from commit 26ce231951e62f1912d457c8f6e6b0f2092173f1)
Co-authored-by: Harald Eilertsen <haraldei@anduin.net>
| -rw-r--r-- | view/css/mod_help.css | 9 | ||||
| -rw-r--r-- | view/js/mod_help.js | 11 | ||||
| -rw-r--r-- | view/tpl/help.tpl | 11 |
3 files changed, 12 insertions, 19 deletions
diff --git a/view/css/mod_help.css b/view/css/mod_help.css index 3c3bc195f..ef40552d4 100644 --- a/view/css/mod_help.css +++ b/view/css/mod_help.css @@ -15,6 +15,14 @@ list-style-type: none; } +#doco-top-toc-wrapper { + margin-bottom: 1em; +} + +#doco-top-toc-wrapper > summary { + font-size: large; +} + .toc-content li, #doco-top-toc li { padding: 3px 0px; @@ -23,4 +31,3 @@ #doco-side-toc li { padding-left: 20px; } - diff --git a/view/js/mod_help.js b/view/js/mod_help.js index abd0d1194..8308f23ec 100644 --- a/view/js/mod_help.js +++ b/view/js/mod_help.js @@ -1,14 +1,3 @@ -function docoTocToggle() { - if ($('#doco-top-toc').is(':visible')) { - $('#doco-toc-toggle').removeClass('bi-gear').addClass('bi-caret-right'); - } else { - $('#doco-toc-toggle').removeClass('bi-caret-right').addClass('bi-caret-down'); - } - $('#doco-top-toc').toggle(); - - return false; -} - toc = {}; // Generate the table of contents in the side nav menu (see view/tpl/help.tpl) $(document).ready(function () { diff --git a/view/tpl/help.tpl b/view/tpl/help.tpl index ce3f46fdb..8b7669c75 100644 --- a/view/tpl/help.tpl +++ b/view/tpl/help.tpl @@ -8,13 +8,10 @@ </div> {{/if}} <div class="section-content-wrapper"> - <h3 id="doco-top-toc-heading"> - <span class="fakelink" onclick="docoTocToggle(); return false;"> - <i class="bi bi-caret-right fakelink" id="doco-toc-toggle"></i> - {{$module->get_toc_heading()}} - </span> - </h3> - <ul id="doco-top-toc" style="margin-bottom: 1.5em; display: none;"></ul> + <details id="doco-top-toc-wrapper"> + <summary id="doco-top-toc-heading">{{$module->get_toc_heading()}}</summary> + <ul id="doco-top-toc"></ul> + </details> <div id="doco-content"> {{$module->render_content()}} </div> |