From 75c8b71ac9d3228d8af4b8ef5d575dced69d56b3 Mon Sep 17 00:00:00 2001
From: NeverExist <myfingerhurt@gmail.com>
Date: Sat, 8 Jul 2017 00:18:51 +0900
Subject: [PATCH] add new functions for chat

add search among chat.
add textarea tag, support multi-line text messages.
add a bottom jump button
---
 libresapi/src/webui-src/app/green-black.scss | 75 +++++++++++++++++++-
 1 file changed, 72 insertions(+), 3 deletions(-)

diff --git a/libresapi/src/webui-src/app/green-black.scss b/libresapi/src/webui-src/app/green-black.scss
index e49973e10..62d13730c 100644
--- a/libresapi/src/webui-src/app/green-black.scss
+++ b/libresapi/src/webui-src/app/green-black.scss
@@ -77,11 +77,41 @@ hr {
     background-color: midnightblue;
 }
 
+.btnSmall{
+    border-style: solid;
+    /*border-color: lime;*/
+    border-color: limeGreen;
+    /*border-width: 1px;*/
+    border-radius: 3mm;
+    padding: 1mm;
+    font-size: 100%;
+
+    cursor: pointer;
+    margin-bottom: 0mm;
+}
+
+.hidden{
+	display:none;
+}
+
+.noBorderTable{
+	width: 100%;
+	border: none;
+	border-collapse: collapse;
+}
+
+.noBorderTD{
+	border: none;
+	border-collapse: collapse;
+	vertical-align: center;
+}
+
 .filelink{
     color: inherit;
 }
 
-input, textarea{
+
+input,textarea{
     color: lime;
     font-family: monospace;
     background-color: black;
@@ -90,8 +120,8 @@ input, textarea{
     border-radius: 3mm;
     border-width: 1mm;
     padding: 2mm;
-    margin-bottom: 2mm;
-    margin-right: 2mm;
+    margin-bottom: 1mm;
+    margin-right: 1mm;
 
     /* make the button the whole screen width */
     width: 100%;
@@ -102,6 +132,45 @@ input:hover{
     background-color: midnightblue;
 }
 
+textarea#txtNewMsg{
+    color: lime;
+    font-family: monospace;
+    background-color: black;
+    border-color: lime;
+    font-size: 100%;
+    border-radius: 3mm;
+    border-width: 1mm;
+    padding: 2mm;
+    margin-bottom: 0mm;
+    margin-right: 1mm;
+	height:110px;
+	resize: none;
+    /* make the button the whole screen width */
+    width: 100%;
+    /*height: 100%;*/
+    /* make the text input fit small screens*/
+    box-sizing: border-box;
+}
+
+
+input#txtMsgKeyword{
+    color: lime;
+    font-family: monospace;
+    background-color: black;
+    border-color: lime;
+    font-size: 100%;
+    border-radius: 3mm;
+    border-width: 1mm;
+    padding: 1mm;
+    margin-bottom: 0mm;
+    margin-right: 1mm;
+
+    /* make the button the whole screen width */
+    width: 100%;
+    /* make the text input fit small screens*/
+    box-sizing: border-box;
+}
+
 .checkbox {
     width: auto;
 }