💄 Arrange la liste de tag

This commit is contained in:
Clement Desmidt 2020-04-28 16:50:15 +02:00
parent 94877013bd
commit 27fae1919f
3 changed files with 31 additions and 12 deletions

View File

@ -198,6 +198,22 @@ ba {
bt { bt {
font-size: 12px; font-size: 12px;
display: inline-block;
}
ul.tag-list {
list-style: none;
display: inline-block;
padding: 0;
}
ul.tag-list li {
display: inline-block;
}
ul.tag-list li:not(:last-child):after {
content: ", ";
margin-right: 3px;
} }
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */ /* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */

View File

@ -1,16 +1,19 @@
{{- if or .Params.categories .Params.tags -}} {{- if or .Params.categories .Params.tags -}}
<p> <div>
<bt>CATÉGORIES :&nbsp; <bt>CATÉGORIES :&nbsp;
{{- range .Params.categories -}} {{- range .Params.categories -}}
{{- $url := print "/categories/" (. | urlize) "/" -}} {{- $url := print "/categories/" (. | urlize) "/" -}}
<a class="category" href={{- $url | relLangURL -}}>{{- . -}}</a> - <a class="category" href={{- $url | relLangURL -}}>{{- . -}}</a> -
{{- end -}} {{- end -}}
</bt> </bt>
<bt>TAGS :&nbsp; <bt>TAGS :&nbsp;</bt>
<ul class="tag-list">
{{- range .Params.tags -}} {{- range .Params.tags -}}
{{- $url := print "/tags/" (. | urlize) "/" -}} {{- $url := print "/tags/" (. | urlize) "/" -}}
<a class="tag" href={{- $url | relLangURL -}}>{{- . -}}</a> <li><a $url -}} class="tag" href={{- relLangURL |>
<bt>{{- . -}}</bt>
</a></li>
{{- end -}} {{- end -}}
</bt> </ul>
</p> </div>
{{- end -}} {{- end -}}

View File

@ -1,8 +1,8 @@
{{- if or .Params.categories .Params.tags -}} {{- if or .Params.categories .Params.tags -}}
<p class="note labels"> <ul class="note labels tag-list">
{{- range .Params.tags -}} {{- range .Params.tags -}}
{{- $url := print "/tags/" (. | urlize) "/" -}} {{- $url := print "/tags/" (. | urlize) "/" -}}
<a class="tag" href="{{- $url | relLangURL -}}">{{- . -}}</a> <li><a class="tag" href="{{- $url | relLangURL -}}">{{- . -}}</a></li>
{{- end -}} {{- end -}}
</p> </ul>
{{- end -}} {{- end -}}