Merge pull request #116 from henryiii/expanding

Expanding taxinomies
This commit is contained in:
Michael Romero 2018-02-09 00:05:49 -05:00 committed by GitHub
commit 5f274c82e4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 62 additions and 8 deletions

View file

@ -1,14 +1,39 @@
{{ define "main" }} {{ define "main" }}
{{ $data := .Data }}
<div class="container" role="main"> {{ $data := .Data }}
<div class="container" role="main">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<article class="post-preview"> <article class="post-preview">
<div class="list-group col-lg-4 col-lg-offset-4 col-md-6 col-md-offset-3"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
{{ range $key, $value := .Data.Terms.ByCount }} {{ range $key, $value := .Data.Terms.ByCount }}
<a href="{{ $.Site.LanguagePrefix | absURL }}/{{ $data.Plural }}/{{ $value.Name | urlize }}/" class="list-group-item"> <div class="panel panel-default">
{{ $value.Name }}<span class="badge">{{ $value.Count }}</span></a> <a class="collapsed" role="button" data-toggle="collapse" data-target="#collapse{{ $value.Name }}" data-parent="#accordion"
{{ end }} href="#" aria-expanded="false" aria-controls="collapse{{ $value.Name }}">
<div class="panel-heading" role="tab" id="header{{ $value.Name }}">
<h4 class="panel-title">
{{ $value.Name }}
<span class="badge">{{ $value.Count }}</span>
</h4>
</div>
</a>
<div id="collapse{{ $value.Name }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{ $value.Name }}">
<div class="panel-body">
<a href="{{ $.Site.LanguagePrefix | absURL }}{{ $data.Plural }}/{{ $value.Name | urlize }}/" class="list-group-item view-all">
View all</a>
<div class="list-group">
{{ range $item := $value.WeightedPages }}
<a href="{{$item.Permalink}}" class="list-group-item">{{ $item.Title }}</a>
{{ end }}
</div>
</div>
</div>
</div>
{{ end }}
</div> </div>
</article> </article>
</div> </div>
{{ end }} </div>
{{ end }}

View file

@ -14,6 +14,14 @@ body {
margin-bottom:50px; margin-bottom:50px;
flex: 1 0 auto; flex: 1 0 auto;
} }
@media only screen and (max-width: 767px) {
.container[role=main] {
margin-left: 0;
margin-right: 0;
}
}
p { p {
line-height: 1.5; line-height: 1.5;
margin: 6px 0; margin: 6px 0;
@ -69,6 +77,23 @@ hr.small {
display: none; display: none;
} }
div.panel-body a.list-group-item {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 800;
border-radius: 0;
border: none;
}
div.panel-group .panel {
border-radius: 0;
}
div.panel-group .panel+.panel {
margin-top: 0;
}
div.panel-body a.list-group-item.view-all {
font-weight: 600;
}
::-moz-selection { ::-moz-selection {
color: white; color: white;
text-shadow: none; text-shadow: none;
@ -621,6 +646,10 @@ footer .theme-by {
margin-top:10px; margin-top:10px;
} }
h4.panel-title > span.badge {
float: right;
}
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.pager.blog-pager { .pager.blog-pager {
margin-top: 40px; margin-top: 40px;