From d808741752ddf8e8779b5a1c539cf49b53862be0 Mon Sep 17 00:00:00 2001 From: Noah Petherbridge Date: Mon, 25 Dec 2023 22:13:03 -0800 Subject: [PATCH] Stylize the Messages view --- web/static/css/theme.css | 4 ++ web/templates/inbox/inbox.html | 76 +++++++++++++++++++++------------- 2 files changed, 51 insertions(+), 29 deletions(-) diff --git a/web/static/css/theme.css b/web/static/css/theme.css index 17678ad..409119f 100644 --- a/web/static/css/theme.css +++ b/web/static/css/theme.css @@ -8,6 +8,10 @@ abbr { cursor: not-allowed; } +.cursor-pointer { + cursor: pointer; +} + img { /* https://stackoverflow.com/questions/12906789/preventing-an-image-from-being-draggable-or-selectable-without-using-js */ user-drag: none; diff --git a/web/templates/inbox/inbox.html b/web/templates/inbox/inbox.html index a1d5390..52b3908 100644 --- a/web/templates/inbox/inbox.html +++ b/web/templates/inbox/inbox.html @@ -10,7 +10,7 @@

{{if eq .Box "threads"}} - Threads + Conversation Threads {{else if eq .Box "sent"}} Sent {{else}} @@ -234,34 +234,52 @@ {{end}} - + + + {{range .Messages}} + + + + {{end}} + +
+
+ {{if eq $Root.Box "sent"}} + {{$User := $UserMap.Get .TargetUserID}} +
+ Sent To +
+
+ {{template "avatar-24x24" $User}} +
+
{{$User.Username}}
+ {{else}} + {{$User := $UserMap.Get .SourceUserID}} +
+ From +
+
+ {{template "avatar-24x24" $User}} +
+
{{$User.Username}}
+ {{end}} +
+
+ + + {{Substring .Message 48}}{{if gt (len .Message) 48}}…{{end}} + + +
+ +