From 4c5d2e4afe02479dcfb770fa1d6cfccb499e4fff Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Fri, 13 Oct 2023 19:59:06 +0200 Subject: Clean up stylesheet and improve layout on small and large screens. Use variables for color theming. --- views/message_inbox.pug | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) (limited to 'views/message_inbox.pug') diff --git a/views/message_inbox.pug b/views/message_inbox.pug index 0e39ea2..c6001f5 100644 --- a/views/message_inbox.pug +++ b/views/message_inbox.pug @@ -7,6 +7,10 @@ html style. .unread { font-weight: bold } td a { display: block } + @media (max-width: 400px) { + td:nth-child(3) { display: none } + th:nth-child(3) { display: none } + } body include header article @@ -15,7 +19,7 @@ html p a(href="/message/send") Send message - table + table.wide.striped thead tr th From @@ -23,12 +27,12 @@ html th Date tbody each row in messages - tr - td - a.black(href="/user/"+row.from_name)= row.from_name - td(class=row.is_read?"read":"unread") - a.black(href="/message/read/"+row.message_id)= row.subject - td= row.time + - let subject = row.subject + - if (subject.length > 50) subject = subject.substring(0,40) + "..." + tr(class=row.is_read?"read":"unread") + td: a.black(href="/user/"+row.from_name)= row.from_name + td: a.black(href="/message/read/"+row.message_id)= subject + td.w= row.time else tr td(colspan=3) No messages. -- cgit v1.2.3