alex-shpak#205, Add details shortcode

Mrquj · Apr 21, 2020 · 6696858 · 6696858
1 parent b88d5f6
commit 6696858
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 2 deletions.
diff --git a/assets/_markdown.scss b/assets/_markdown.scss
@@ -134,8 +134,14 @@
 
     summary {
       line-height: 1;
+      padding: $padding-16;
+      margin: -$padding-16;
       cursor: pointer;
     }
+
+    &[open] summary {
+      margin-bottom: 0;
+    }
   }
 }
 

diff --git a/exampleSite/content/docs/shortcodes/details.md b/exampleSite/content/docs/shortcodes/details.md
@@ -0,0 +1,22 @@
+# Details
+
+Details shortcode is a helper for `details` html5 element. It is going to replace `expand` shortcode.
+
+## Example
+```tpl
+{{</* details "Title" [open] */>}}
+## Markdown content
+Lorem markdownum insigne...
+{{</* /details */>}}
+```
+```tpl
+{{</* details title="Title" open=true */>}}
+## Markdown content
+Lorem markdownum insigne...
+{{</* /details */>}}
+```
+
+{{< details "Title" open >}}
+## Markdown content
+Lorem markdownum insigne...
+{{< /details >}}
diff --git a/exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.content b/exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.content
diff --git a/exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.json b/exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.json
@@ -1 +1 @@
-{"Target":"book.min.284c8fc21ced13c579d9027a9d14893c56b243c6045001180391cebb4cc36ab8.css","MediaType":"text/css","Data":{"Integrity":"sha256-KEyPwhztE8V52QJ6nRSJPFayQ8YEUAEYA5HOu0zDarg="}}
+{"Target":"book.min.6df681b0bb21155cba49f6078e3559216772d8e03e780d240c73ea21817ed5e5.css","MediaType":"text/css","Data":{"Integrity":"sha256-bfaBsLshFVy6SfYHjjVZIWdy2OA+eA0kDHPqIYF+1eU="}}
diff --git a/layouts/shortcodes/details.html b/layouts/shortcodes/details.html
@@ -0,0 +1,6 @@
+<details {{ if or (.Get "open") (in .Params "open") }}open{{ end }}>
+  <summary>{{ cond .IsNamedParams (.Get "title") (.Get 0) }}</summary>
+  <div class="markdown-inner">
+    {{ .Inner | markdownify }}
+  </div>
+</details>
diff --git a/layouts/shortcodes/expand.html b/layouts/shortcodes/expand.html
@@ -1,3 +1,4 @@
+{{ warnf "Expand shortcode is deprecated. Use 'details' instead." }}
 <div class="book-expand">
   <label>
     <div class="book-expand-head flex justify-between">
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		{"Target":"book.min.284c8fc21ced13c579d9027a9d14893c56b243c6045001180391cebb4cc36ab8.css","MediaType":"text/css","Data":{"Integrity":"sha256-KEyPwhztE8V52QJ6nRSJPFayQ8YEUAEYA5HOu0zDarg="}}
		{"Target":"book.min.6df681b0bb21155cba49f6078e3559216772d8e03e780d240c73ea21817ed5e5.css","MediaType":"text/css","Data":{"Integrity":"sha256-bfaBsLshFVy6SfYHjjVZIWdy2OA+eA0kDHPqIYF+1eU="}}