fix: fix post metadata positioning (#315)

uci-hugo-doc
Robert Kaussow 2022-02-03 10:58:37 +01:00 committed by GitHub
parent 134a50faf2
commit 30d3c64c41
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 39 additions and 28 deletions

View File

@ -4,6 +4,7 @@ type: posts
date: 2020-01-06 date: 2020-01-06
tags: tags:
- Documentation - Documentation
- Updates
--- ---
This is the first release of the Geekdoc theme. This is the first release of the Geekdoc theme.

View File

@ -1,4 +1,4 @@
<span class="no-wrap"> <span class="flex align-center no-wrap">
<svg class="icon gdoc_date"><use xlink:href="#gdoc_date"></use></svg> <svg class="icon gdoc_date"><use xlink:href="#gdoc_date"></use></svg>
<span class="gdoc-post__tag"> <span class="gdoc-post__tag">
<time datetime="{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}"> <time datetime="{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
@ -10,7 +10,7 @@
</span> </span>
</span> </span>
<span class="no-wrap"> <span class="flex align-center no-wrap">
<svg class="icon gdoc_timer"><use xlink:href="#gdoc_timer"></use></svg> <svg class="icon gdoc_timer"><use xlink:href="#gdoc_timer"></use></svg>
<span class="gdoc-post__tag">{{ i18n "posts_read_time" .ReadingTime }}</span> <span class="gdoc-post__tag">{{ i18n "posts_read_time" .ReadingTime }}</span>
</span> </span>
@ -21,7 +21,7 @@
{{ $name := . }} {{ $name := . }}
{{ with $.Site.GetPage (printf "/tags/%s" $name | urlize) }} {{ with $.Site.GetPage (printf "/tags/%s" $name | urlize) }}
{{ if eq $tc 0 }} {{ if eq $tc 0 }}
<span class="no-wrap"> <span class="flex align-center no-wrap">
<svg class="icon gdoc_bookmark"><use xlink:href="#gdoc_bookmark"></use></svg> <svg class="icon gdoc_bookmark"><use xlink:href="#gdoc_bookmark"></use></svg>
{{ template "post-tag" dict "name" $name "page" . }} {{ template "post-tag" dict "name" $name "page" . }}
</span> </span>
@ -34,7 +34,7 @@
{{ end }} {{ end }}
{{ define "post-tag" }} {{ define "post-tag" }}
<span class="gdoc-post__tag gdoc-button"> <span class="gdoc-post__tag gdoc-button gdoc-button--regular">
<a <a
class="gdoc-button__link" class="gdoc-button__link"
href="{{ .page.RelPermalink }}" href="{{ .page.RelPermalink }}"
@ -46,7 +46,7 @@
{{ end }} {{ end }}
{{ define "post-author" }} {{ define "post-author" }}
<span class="gdoc-post__tag gdoc-button"> <span class="gdoc-post__tag gdoc-button gdoc-button--regular">
<a class="gdoc-button__link" href="{{ .page.RelPermalink }}" title="All posts of this author"> <a class="gdoc-button__link" href="{{ .page.RelPermalink }}" title="All posts of this author">
{{ .name }} {{ .name }}
</a> </a>

View File

@ -21,7 +21,9 @@
</div> </div>
<footer class="gdoc-post__footer"> <footer class="gdoc-post__footer">
{{ partial "posts/metadata.html" . }} <div class="flex flex-wrap align-center gdoc-post__meta">
{{ partial "posts/metadata.html" . }}
</div>
</footer> </footer>
</article> </article>
{{ end }} {{ end }}

View File

@ -1,13 +1,13 @@
{{ define "main" }} {{ define "main" }}
<article class="gdoc-markdown gdoc-post"> <article class="gdoc-post">
<header class="gdoc-post__header"> <header class="gdoc-post__header">
<h1 class="gdoc-post__title">{{ .Title }}</h1> <h1 class="gdoc-post__title">{{ .Title }}</h1>
<div class="gdoc-post__meta"> <div class="flex flex-wrap align-center gdoc-post__meta gdoc-post__meta--head">
{{ partial "posts/metadata.html" . }} {{ partial "posts/metadata.html" . }}
</div> </div>
</header> </header>
<div> <section class="gdoc-markdown">
{{ partial "content" . }} {{ partial "content" . }}
</div> </section>
</article> </article>
{{ end }} {{ end }}

View File

@ -21,7 +21,9 @@
</div> </div>
<footer class="gdoc-post__footer"> <footer class="gdoc-post__footer">
{{ partial "posts/metadata.html" . }} <div class="flex flex-wrap align-center gdoc-post__meta">
{{ partial "posts/metadata.html" . }}
</div>
</footer> </footer>
</article> </article>
{{ end }} {{ end }}

View File

@ -358,6 +358,15 @@ img {
flex-grow: 1; flex-grow: 1;
padding: $padding-16 0; padding: $padding-16 0;
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
}
&__header, &__header,
&__footer { &__footer {
margin-bottom: $padding-16 * 1.2; margin-bottom: $padding-16 * 1.2;
@ -458,7 +467,7 @@ img {
} }
&__readmore { &__readmore {
margin: 1.5rem 0 2rem 0; margin: $padding-16 0;
a, a,
a:hover, a:hover,
@ -468,26 +477,25 @@ img {
} }
} }
&__tag { &__meta {
margin: $padding-4 0 !important; span:first-child .icon {
margin-left: -5px;
.gdoc-button__link {
padding: $padding-4 $padding-8;
} }
}
&__meta {
padding-bottom: $padding-16;
}
&__footer,
&__meta {
:not(:first-child).no-wrap { :not(:first-child).no-wrap {
margin-left: $padding-8; margin-left: $padding-8;
} }
.icon { .icon {
font-size: $font-size-20; font-size: 1.2em;
}
.gdoc-button {
margin-left: $padding-4;
}
&--head {
padding-bottom: $padding-16;
} }
} }

View File

@ -7,7 +7,7 @@
&--nested { &--nested {
:first-child { :first-child {
margin-top: 0; margin-top: 0 !important;
} }
> pre { > pre {
@ -25,8 +25,6 @@
h4, h4,
h5, h5,
h6 { h6 {
font-weight: 600;
> code { > code {
border-top: $border-4 solid var(--accent-color); border-top: $border-4 solid var(--accent-color);
font-size: 0.75em !important; font-size: 0.75em !important;