feat: add draft label for draft posts

selcukcihan · Oct 11, 2019 · a6070f5 · a6070f5
1 parent 6e5bf0c
commit a6070f5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -7,7 +7,7 @@
 
 		<div class="post-header">
 			<h1 class="title">{{ .Title }}</h1>
-			<div class="meta">Posted at &mdash; {{ dateFormat "Jan 2, 2006" .Date }}</div>
+			<div class="meta">Posted at &mdash; {{ dateFormat "Jan 2, 2006" .Date }}{{ if .Draft }} <span class="draft-label">DRAFT</span> {{ end }}</div>
 		</div>
 
 		<div class="markdown">

diff --git a/static/css/main.css b/static/css/main.css
@@ -284,6 +284,15 @@ ul {
 	margin-top: 10px;
 }
 
+.post .draft-label {
+	color: #a00;
+	text-decoration: none;
+	padding: 2px 4px;
+	border-radius: 4px;
+	margin-left: 6px;
+	background-color: #f9f2f4;
+}
+
 .list .posts .post .meta {
 	margin-bottom: 0;
 	margin-left: 5px;