From 195cb01d7274e8a5ddeee78703f4393fdc0eef06 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Thu, 3 Aug 2017 12:15:06 +0200
Subject: [PATCH] better styles for messaging input

---
 www/contacts/main.less | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/www/contacts/main.less b/www/contacts/main.less
index 84d64ff68..2aa919b4f 100644
--- a/www/contacts/main.less
+++ b/www/contacts/main.less
@@ -112,11 +112,32 @@ body {
     }
 }
 
+.placeholder (@color: #bbb) {
+    &::-webkit-input-placeholder { /* WebKit, Blink, Edge */
+        color: @color;
+    }
+    &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+        color: @color;
+        opacity:  1;
+    }
+    &::-moz-placeholder { /* Mozilla Firefox 19+ */
+        color: @color;
+        opacity:  1;
+    }
+    &:-ms-input-placeholder { /* Internet Explorer 10-11 */
+        color: @color;
+    }
+    &::-ms-input-placeholder { /* Microsoft Edge */
+        color: @color;
+    }
+}
+
 #messaging {
     flex: 1;
     height: 100%;
     background-color: lighten(@bg-color, 20%);
     min-width: 0;
+
     .info {
         padding: 20px;
     }
@@ -193,6 +214,9 @@ body {
             background-color: darken(@bg-color, 10%);
             color: @color;
             resize: none;
+            line-height: 50px;
+            overflow-y: auto;
+            .placeholder;
             &:placeholder-shown { line-height: 50px; }
         }
         button {