fix meta item break into multiple lines

This commit is contained in:
Reorx 2022-05-05 17:29:31 +08:00
parent 140f7c9492
commit 8ab5cf130f
2 changed files with 12 additions and 16 deletions

View File

@ -83,14 +83,17 @@ pre:hover .copy-code {
display: block;
}
.meta-item {
display: inline-block;
}
.meta-item * {
color: var(--secondary);
}
.meta-item:not(:last-of-type):after {
content: "·";
margin-inline-start: .3em;
margin-inline-end: .3em;
margin-inline-start: .5em;
margin-inline-end: .5em;
}
.meta-item svg {

View File

@ -2,20 +2,17 @@
{{- if not .Date.IsZero -}}
<span class="meta-item">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar" style="user-select: text;"><rect x="3" y="4" width="18" height="18" rx="2" ry="2" style="user-select: text;"></rect><line x1="16" y1="2" x2="16" y2="6" style="user-select: text;"></line><line x1="8" y1="2" x2="8" y2="6" style="user-select: text;"></line><line x1="3" y1="10" x2="21" y2="10" style="user-select: text;"></line></svg>
<span>{{ .Date | time.Format (default "January 2, 2006" site.Params.DateFormat) }}</span>
</span>
<span>{{ .Date | time.Format (default "January 2, 2006" site.Params.DateFormat) }}</span></span>
{{- end }}
{{- if .Params.tags }}
{{- if .Params.tags -}}
<span class="meta-item">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag meta-icon" style="user-select: text;"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" style="user-select: text;"></path><line x1="7" y1="7" x2="7" y2="7" style="user-select: text;"></line></svg>
<span class="post-tags">
{{- range ($.GetTerms "tags") -}}
<a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
{{- end -}}
</span>
</span>
</span></span>
{{- end }}
@ -24,8 +21,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text" style="user-select: text;"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" style="user-select: text;"></path><polyline points="14 2 14 8 20 8" style="user-select: text;"></polyline><line x1="16" y1="13" x2="8" y2="13" style="user-select: text;"></line><line x1="16" y1="17" x2="8" y2="17" style="user-select: text;"></line><polyline points="10 9 9 9 8 9" style="user-select: text;"></polyline></svg>
<span>
{{- i18n "words" .WordCount | default (printf "%d words" .WordCount) -}}
</span>
</span>
</span></span>
{{- end }}
@ -34,16 +30,14 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><circle cx="12" cy="12" r="9"></circle><polyline points="12 7 12 12 15 15"></polyline></svg>
<span>
{{- i18n "read_time" .ReadingTime | default (printf "%d min" .ReadingTime) -}}
</span>
</span>
</span></span>
{{- end }}
{{- if (.Param "ShowAuthor") -}}
<span class="meta-item">
<svg xmlns="http://www.w3.org/2000/svg"width="24" height="24" viewBox="0 0 24 24" stroke="black" stroke-width="1" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><circle cx="12" cy="7" r="4"></circle><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path></svg>
{{- partial "author.html" . }}
</span>
{{- partial "author.html" . -}}</span>
{{- end }}
@ -63,6 +57,5 @@
</a>
{{- end }}
{{- end }}
</span>
</span>
</span></span>
{{- end }}