From 18f196400352eb8c0bb6f6dd30890b8cc272ad15 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Sun, 21 Nov 2021 19:44:01 +0100
Subject: Use grid-layout instead of table for forum posts.

---
 views/forum_reply.pug  | 16 +---------------
 views/forum_thread.pug | 23 +----------------------
 views/head.pug         | 15 +++++++++++++++
 3 files changed, 17 insertions(+), 37 deletions(-)

(limited to 'views')

diff --git a/views/forum_reply.pug b/views/forum_reply.pug
index 5b5a3bb..3aa6d0b 100644
--- a/views/forum_reply.pug
+++ b/views/forum_reply.pug
@@ -4,26 +4,12 @@ html
 	head
 		include head
 		title= thread.subject
-		style.
-			input, textarea { width: min(45rem,100%) }
-			table { max-width: 50em; }
-			table .author { border-right: none; }
-			table .time { border-left: none; font-weight: normal; }
-			table .command { border: none; }
 	body
 		include header
 		article
 			h1= thread.subject
 
-			table
-				tr
-					th.author: a(href="/user/"+post.author_name)= post.author_name
-					th.r.time= post.ctime
-						if post.edited
-							|
-							| (edited #{post.mtime})
-				tr
-					td.body(colspan=2)!= post.body
+			+forumpost(post,0)
 
 			form(method="post" action="/forum/reply/"+thread.thread_id)
 				p Reply:
diff --git a/views/forum_thread.pug b/views/forum_thread.pug
index bb19b61..3ed117e 100644
--- a/views/forum_thread.pug
+++ b/views/forum_thread.pug
@@ -4,34 +4,13 @@ html
 	head
 		include head
 		title= thread.subject
-		style.
-			table { max-width: 50em; }
-			table .author { border-right: none; }
-			table .time { border-left: none; font-weight: normal; }
-			table .command { border: none; }
 	body
 		include header
 		article
 			h1= thread.subject
 
 			each row in posts
-				p
-				table
-					tr
-						th.author: a(href="/user/"+row.author_name)= row.author_name
-						th.r.time= row.ctime
-							if row.edited
-								|
-								| (edited #{row.mtime})
-					tr
-						td.body(colspan=2)!= row.body
-					if user
-						tr
-							td.r.command(colspan=2)
-								if row.author_id === user.user_id
-									| #[a(href="/forum/edit/"+row.post_id) Edit]
-									|
-								| #[a(href="/forum/reply/"+row.post_id) Reply]
+				+forumpost(row,1)
 
 			if user
 				p: a(href="/forum/reply/"+posts[0].post_id) Reply
diff --git a/views/head.pug b/views/head.pug
index ae6bf30..f896ce2 100644
--- a/views/head.pug
+++ b/views/head.pug
@@ -5,6 +5,21 @@ link(rel="icon" href="/favicon.svg")
 link(rel="stylesheet" href="/fonts/fonts.css")
 link(rel="stylesheet" href="/style.css")
 
+mixin forumpost(row,show_buttons)
+	.post
+		.from: a(href="/user/"+row.author_name)= row.author_name
+		.time= row.ctime
+			if row.edited
+				|
+				| (edited #{row.mtime})
+		.body!= row.body
+		if show_buttons && user
+			.edit
+				if row.author_id === user.user_id
+					| #[a(href="/forum/edit/"+row.post_id) Edit]
+					|
+				| #[a(href="/forum/reply/"+row.post_id) Reply]
+
 mixin gametable(status,table,hide_title=0)
 	table
 		tr
-- 
cgit v1.2.3