tags: taxonomy layout with headings all on the left #530

and columned lists like in the terms page for a more concicse look
This commit is contained in:
Sören Weber 2023-05-19 12:59:06 +02:00
parent 98cc7904ab
commit 5099b5b73c
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 6 additions and 20 deletions

View file

@ -8,18 +8,15 @@
{{- $title = .Data.Plural | humanize }} {{- $title = .Data.Plural | humanize }}
{{- end }} {{- end }}
<h1 id="{{ $title | anchorize }}">{{ $title }}</h1> <h1 id="{{ $title | anchorize }}">{{ $title }}</h1>
<div class="tax-container">
{{- $lastCapital := "" }} {{- $lastCapital := "" }}
{{- range .Data.Terms.Alphabetical }} {{- range .Data.Terms.Alphabetical }}
{{- $capital := substr .Page.Title 0 1 | upper }} {{- $capital := substr .Page.Title 0 1 | upper }}
{{- if ne $lastCapital $capital }} {{- if ne $lastCapital $capital }}
{{- if ne $lastCapital "" }} {{- if ne $lastCapital "" }}
</ul> </ul>
</div>
{{- end }} {{- end }}
<div class="tax-box">
<h2 id="{{ $capital | anchorize }}">{{ $capital }}</h2> <h2 id="{{ $capital | anchorize }}">{{ $capital }}</h2>
<ul> <ul class="columnize">
{{- end }} {{- end }}
{{- $c:=""}}{{/* display terms of a taxonomy */}} {{- $c:=""}}{{/* display terms of a taxonomy */}}
{{- $len := 0 }} {{- $len := 0 }}
@ -36,9 +33,7 @@
{{- end }} {{- end }}
{{- if ne $lastCapital "" }} {{- if ne $lastCapital "" }}
</ul> </ul>
</div>
{{- end }} {{- end }}
</div>
<footer class="footline"> <footer class="footline">
</footer> </footer>

View file

@ -1760,15 +1760,6 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
transform: scaleX(-1); transform: scaleX(-1);
} }
.tax-container {
display: flex;
flex-wrap: wrap;
}
.tax-box {
width: 18rem;
}
.columnize{ .columnize{
column-count: 2; column-count: 2;
} }

View file

@ -428,7 +428,7 @@ function initOpenapi( update, attrs ){
} }
function initAnchorClipboard(){ function initAnchorClipboard(){
document.querySelectorAll( 'h1~h2,h1~h3,h1~h4,h1~h5,h1~h6,.tax-container h2,.tax-container h3,.tax-container h4,.tax-container h5,.tax-container h6').forEach( function( element ){ document.querySelectorAll( 'h1~h2,h1~h3,h1~h4,h1~h5,h1~h6').forEach( function( element ){
var url = encodeURI( (document.location.origin == "null" ? (document.location.protocol + "//" + document.location.host) : document.location.origin )+ document.location.pathname); var url = encodeURI( (document.location.origin == "null" ? (document.location.protocol + "//" + document.location.host) : document.location.origin )+ document.location.pathname);
var link = url + "#" + element.id; var link = url + "#" + element.id;
var new_element = document.createElement( 'span' ); var new_element = document.createElement( 'span' );