fbievan
/
Website-Redesign
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed margin issue introduced by floating image in article preview

This commit is contained in:
Gabriele Musco 2021-03-11 13:19:00 +01:00
parent 17336c6bda
commit f2f73cfe50
No known key found for this signature in database
GPG Key ID: 8539FD3454380B83
2 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/scss/style.scss
View File

@ -261,14 +261,14 @@ h1, h2, h3, h4, h5, h6 {
hr { display: none; }
}
.postlistitem.card {
.postlistitem.card div {
img {
margin: 15px auto;
}
}
@media only screen and (min-width: 500px) {
.postlistitem.card {
.postlistitem.card > div {
img {
max-width: 250px;
float: left;

28
layouts/index.html
View File

@ -7,10 +7,11 @@
{{/* pagination */}}
{{ range (.Paginate $postsList).Pages }}
<article class="card postlistitem {{ if .Site.Params.discreteCards }}discrete{{ end }}">
<h2>
<a href="{{ .Permalink }}">{{ .Title }}</a>
</h2>
<p class="date">
<div>
<h2>
<a href="{{ .Permalink }}">{{ .Title }}</a>
</h2>
<p class="date">
<span title="Date"></span>
{{ .Date.Format "2006-01-02" }}
{{ if .Params.tags }}
@ -20,15 +21,16 @@
<a href="/tags/{{ . }}">#{{ . }}</a>
{{ end }}
{{ end }}
</p>
{{ if .Site.Params.imageInArticlePreview }}
{{ if .Params.Image }}
<img src="{{ .Params.Image }}" />
{{ end }}
{{end}}
<div class="articlePreview">
{{ .Summary }}
<a href="{{ .Permalink }}">Continue reading </a>
</p>
{{ if .Site.Params.imageInArticlePreview }}
{{ if .Params.Image }}
<img src="{{ .Params.Image }}" />
{{ end }}
{{end}}
<div class="articlePreview">
<p>{{ .Summary }}</p>
<p><a href="{{ .Permalink }}">Continue reading </a></p>
</div>
</div>
<hr />
</article>