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; } hr { display: none; }
} }
.postlistitem.card { .postlistitem.card div {
img { img {
margin: 15px auto; margin: 15px auto;
} }
} }
@media only screen and (min-width: 500px) { @media only screen and (min-width: 500px) {
.postlistitem.card { .postlistitem.card > div {
img { img {
max-width: 250px; max-width: 250px;
float: left; float: left;

28
layouts/index.html
View File

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