aboutsummaryrefslogtreecommitdiff
path: root/layouts/partials/index
diff options
context:
space:
mode:
authorMantas <11616378+mistermantas@users.noreply.github.com>2019-05-09 20:00:36 +0300
committerMantas <11616378+mistermantas@users.noreply.github.com>2019-05-09 20:00:36 +0300
commitd64bc9eb93d842739671c0de8b6266e787531085 (patch)
tree6677fe448879136fbda03e9f92572d6da60373a1 /layouts/partials/index
parentf8b0da97d84c043576418b9d28f5d75d94d611aa (diff)
Categories FULLY WORKING
Diffstat (limited to 'layouts/partials/index')
-rw-r--r--layouts/partials/index/components.html15
1 files changed, 9 insertions, 6 deletions
diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html
index 47da96c..803c44f 100644
--- a/layouts/partials/index/components.html
+++ b/layouts/partials/index/components.html
@@ -11,14 +11,17 @@
{{ $categories := .Site.Params.categories }}
{{ range $categories }}
- <div class="category">
+ <div class="category {{ if .closed }}category--closed{{ else }}category--open{{ end }}" id="{{ .name | urlize }}">
{{ if not .untitled }}
- <div class="bold padding clicky category__head" onclick="document.querySelector('#{{ .name | urlize }}').classList.toggle('hidden'); document.querySelector('#{{ .name | urlize }}-toggle').classList.toggle('hidden')">
- <span class="hide-without-js" id="{{ .name | urlize }}-toggle">
- {{ if .closed }}⯈{{ else }}⯆{{ end }}
+ <div class="bold padding clicky category__head" onclick="this.parentNode.classList.toggle('category--closed'); this.parentNode.classList.toggle('category--open')">
+ <span class="hide-without-js">
+ <span class="category__closed-marker">⯈</span>
+ <span class="category__open-marker">⯆</span>
</span>
- <b>{{ .name }}</b>
+ <b>
+ {{ .name }}
+ </b>
{{ with .description }}
<span class="tooltip tooltip--small">
@@ -37,7 +40,7 @@
{{ $categorySystems := where $systems "category" "=" .name }}
- <div class="components {{ if .closed }}hidden{{ end }}" id="{{ .name | urlize }}">
+ <div class="components">
{{ range $categorySystems }}
{{ $activeComponentIssues := where $active "Params.affected" "intersect" (slice .name) }}