diff options
author | Darshan Baral <darshanbaral@gmail.com> | 2021-02-25 06:45:22 +0300 |
---|---|---|
committer | Darshan Baral <darshanbaral@gmail.com> | 2021-02-25 06:45:22 +0300 |
commit | 51b91da836b5b35f5b78030a5a700986394fd108 (patch) | |
tree | ccb66a1afaf1a73498855b2606a792f645ba4f7e | |
parent | 77a1344985a15d1c7043cfa11efd29490e74aad8 (diff) |
Style update
-rw-r--r-- | layouts/_default/list.html | 4 | ||||
-rw-r--r-- | static/css/aafu.css | 15 |
2 files changed, 17 insertions, 2 deletions
diff --git a/layouts/_default/list.html b/layouts/_default/list.html index daf5759..7862c77 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,8 +1,8 @@ {{ define "main" }} <h1 class="standard top-h1 mb-3 {{ if eq .Kind "term" }}font-italic{{ end }}">{{ if eq .Kind "term" }}#{{ end }}{{- .Title -}}</h1> {{ range $key, $val := (.Paginator 10).Pages }} -<h3 class="accordion mb-2 {{ if eq $key 0 }}active{{ end }}"> - <span onclick="expandAccordion(this)" style="cursor: pointer">+</span> +<h3 class="d-flex flex-row align-items-start accordion mb-2 {{ if eq $key 0 }}active{{ end }}"> + <span onclick="expandAccordion(this)" class="expand-metadata"></span> <a href="{{ .Permalink | relURL }}"> {{- .Title -}} </a> </h3> <div id="panel-item-{{ $key }}" class="panel metadata-panel overflow-hidden"> diff --git a/static/css/aafu.css b/static/css/aafu.css index be760bd..6b4f2ff 100644 --- a/static/css/aafu.css +++ b/static/css/aafu.css @@ -113,6 +113,9 @@ a:hover, transition: 0.3s ease-out; box-sizing: border-box; } +.metadata-panel { + margin-left: 1.7em; +} .active + .metadata-panel { margin-bottom: 1em; } @@ -120,6 +123,18 @@ a:hover, background-color: var(--secondaryBg); padding: 0.5em; } +.expand-metadata { + cursor: pointer; + text-align: left; + min-width: 1em; + font-size: 1em; +} +.expand-metadata::after { + content: "+"; +} +.active > .expand-metadata::after { + content: "-"; +} .metadata-tags { font-size: 0.9em; font-style: italic; |