From 845261205f764a4c4907acbc62084733b6ceef56 Mon Sep 17 00:00:00 2001
From: Patrick Marsceill <patrick.marsceill@gmail.com>
Date: Tue, 30 Jun 2020 13:03:17 -0400
Subject: [PATCH] Make cursor pointer, update docs, and add heading
---
_sass/content.scss | 4 ++++
docs/navigation-structure.md | 4 +++-
2 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/_sass/content.scss b/_sass/content.scss
index 7ab23d83..764392e9 100644
--- a/_sass/content.scss
+++ b/_sass/content.scss
@@ -165,6 +165,10 @@
}
}
+ summary {
+ cursor: pointer;
+ }
+
h1,
h2,
h3,
diff --git a/docs/navigation-structure.md b/docs/navigation-structure.md
index 0e09660e..7283c32d 100644
--- a/docs/navigation-structure.md
+++ b/docs/navigation-structure.md
@@ -236,7 +236,9 @@ To generate a Table of Contents on your docs pages, you can use the `{:toc}` met
This example skips the page name heading (`#`) from the TOC, as well as the heading for the Table of Contents itself (`##`) because it is redundant, followed by the table of contents itself. To get an unordered list, replace `1. TOC` above by `- TOC`.
-The table of contents can be made collapsible by adding HTML markup, as in the following example. The attribute `open` and the styling with `{: .text-delta }` are optional.
+### Collapsible Table of Contents
+
+The Table of Contents can be made collapsible using the `<details>` and `<summary>` elements , as in the following example. The attribute `open` (expands the Table of Contents by default) and the styling with `{: .text-delta }` are optional.
```markdown
<details open markdown="block">
--
GitLab