From 9b39f6443e4add7d46e57a24b8e8aaf517f7c5c8 Mon Sep 17 00:00:00 2001
From: Jan-Lukas Else <mail@jlelse.de>
Date: Tue, 5 May 2020 18:58:36 +0200
Subject: [PATCH] Use details summary for related articles

---
 assets/css/style.scss         | 21 +--------------------
 layouts/partials/related.html | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 28 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index 01e5a9d..dda2be6 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -697,15 +697,6 @@ select {
 	.mentions-list {
 		margin-top: 5px;
 		list-style: none;
-		.item {
-			.link {
-				.post-title {
-					margin-bottom: 0;
-					overflow: hidden;
-					font-size: .8125rem;
-				}
-			}
-		}
 	}
 }
 
@@ -815,23 +806,13 @@ select {
 		text-align: center;
 	}
 	.caption {
-		display: block;
-		margin-bottom: 5px;
 		font-weight: 700;
 		line-height: 1;
 		text-transform: uppercase;
 	}
 	.related-list {
+		margin-top: 5px;
 		list-style: none;
-		.item {
-			.link {
-				.post-title {
-					margin-bottom: 0;
-					overflow: hidden;
-					font-size: .8125rem;
-				}
-			}
-		}
 	}
 }
 
diff --git a/layouts/partials/related.html b/layouts/partials/related.html
index 7c26f19..c3b3f8b 100644
--- a/layouts/partials/related.html
+++ b/layouts/partials/related.html
@@ -1,13 +1,15 @@
 {{ $related := .Site.RegularPages.Related . | first 5 }}
 {{ with $related }}
 <div class="related">
-    <span class="caption">{{ T "related" }}</span>
-	<ul class="related-list">
-		{{ range . }}
-		<li class="item"><a class="link" href="{{ .RelPermalink }}"><p class="post-title">
-			{{ with .Title }}{{ . }}{{ else }}{{ .Summary | truncate 60 }}{{ end }}
-		</p></a></li>
-		{{ end }}
-	</ul>
+	<details>
+		<summary class="caption">{{ T "related" }}</summary>
+		<ul class="related-list">
+			{{ range . }}
+			<li class="item">
+				<a class="link" href="{{ .RelPermalink }}">{{ with .Title }}{{ . }}{{ else }}{{ .Summary | truncate 60 }}{{ end }}</a> <i>{{.Date.Format ( .Site.Params.dateformat | default "January 02, 2006")}}</i>
+			</li>
+			{{ end }}
+		</ul>
+	</details>
 </div>
 {{ end }}
\ No newline at end of file