From 6e721d685b97c73bb7aafda5d860fcf357d20fe8 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Fri, 15 Mar 2019 18:50:09 -0700
Subject: [PATCH] Grey out messages that are still sending.

---
 src/Scylla/Views.elm   | 2 +-
 static/scss/style.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/Scylla/Views.elm b/src/Scylla/Views.elm
index fe2de85..f936b02 100644
--- a/src/Scylla/Views.elm
+++ b/src/Scylla/Views.elm
@@ -214,7 +214,7 @@ messageView m msg = case msg of
 
 sendingMessageView : Model -> SendingMessage -> Html Msg
 sendingMessageView m msg = case msg.body of
-    TextMessage t -> text t
+    TextMessage t -> span [ class "sending"] [ text t ]
 
 roomEventView : Model -> RoomEvent -> Maybe (Html Msg)
 roomEventView m re =
diff --git a/static/scss/style.scss b/static/scss/style.scss
index c48904e..eb89b07 100644
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -249,6 +249,10 @@ table.messages-table {
         max-height: 400px;
     }
 
+    .sending {
+        color: grey;
+    }
+
     video {
         max-width: 90%;
         max-height: 400px;