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_outbox.pug | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) (limited to 'views/message_outbox.pug') diff --git a/views/message_outbox.pug b/views/message_outbox.pug index f305d83..f42ef7f 100644 --- a/views/message_outbox.pug +++ b/views/message_outbox.pug @@ -6,6 +6,10 @@ html title Outbox style. td a { display: block } + @media (max-width: 400px) { + td:nth-child(3) { display: none } + th:nth-child(3) { display: none } + } script. function delete_all() { let warning = "Are you sure you want to delete ALL the messages?" @@ -20,7 +24,7 @@ html p a(href="/message/send") Send message - table + table.wide.striped thead tr th From @@ -30,8 +34,8 @@ html each row in messages tr td: a.black(href="/user/"+row.to_name)= row.to_name - td: a.black(href="/message/read/"+row.message_id)= row.subject - td= row.time + td.e: a.black(href="/message/read/"+row.message_id)= row.subject + td.w= row.time else tr td(colspan=3) No messages. -- cgit v1.2.3