From b7c307a852898beb91a71723b36c6b3595c1847e Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Tue, 5 Dec 2017 22:53:37 +0100
Subject: [PATCH] update: smileys+emojis colors + size ehancement

---
 public_html/css/container.css | 13 +++++++++++--
 view/vue/container/inbox.vue  | 32 ++++++++++++++++----------------
 2 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/public_html/css/container.css b/public_html/css/container.css
index 35923eb..66f9fca 100644
--- a/public_html/css/container.css
+++ b/public_html/css/container.css
@@ -62,7 +62,7 @@
 			display: none;
 		}
 
-		#CONTAINER.message div span span{ /* Code block */
+		#CONTAINER.message div span span.code{ /* Code block */
 			display: inline-block;
 			position: relative;
 
@@ -74,10 +74,19 @@
 
 			font-family: 'Liberation Mono';
 			font-size: .9em;
-			text-anchor: end;
 
 		}
 
+		#CONTAINER.message div span span.utf8{ /* Smileys */
+			font-family: 'Liberation Mono';
+			font-size: 1.3em;
+
+			color: #ea921f;
+		}
+
+		#CONTAINER.message div span span.utf8.bl{ color: #338be0; }
+		#CONTAINER.message div span span.utf8.br{ color: #773c22; }
+
 
 	#CONTAINER.message form.msg-input{ /* Message Input */
 		display: block;
diff --git a/view/vue/container/inbox.vue b/view/vue/container/inbox.vue
index c591584..62376c9 100644
--- a/view/vue/container/inbox.vue
+++ b/view/vue/container/inbox.vue
@@ -53,29 +53,29 @@ export default {
 			msg = msg.replace(/\[([^\]]+)\]/g, "<ins>$1</ins>");
 
 			/* (4) Code */
-			msg = msg.replace(/`([^`]+)`/g, "<span>$1</span>");
+			msg = msg.replace(/`([^`]+)`/g, "<span class='code'>$1</span>");
 
 
 			/* (3) Manage emojis
 			---------------------------------------------------------*/
 			/* (1) Smileys */
-			msg = msg.replace(/:D/g, '😃');
-			msg = msg.replace(/:\)/g, '🙂');
-			msg = msg.replace(/:B/g, '😎');
-			msg = msg.replace(/:3/g, '😗');
-			msg = msg.replace(/;\)/g, '😉');
-			msg = msg.replace(/:P/g, '😋');
-			msg = msg.replace(/;P/g, '😜');
-			msg = msg.replace(/xD/g, '😆');
-			msg = msg.replace(/:O/ig, '😲');
-			msg = msg.replace(/:S/g, '😖');
-			msg = msg.replace(/\^\^/g, '😊');
+			msg = msg.replace(/:D/g, "<span class='utf8'>😃</span>");
+			msg = msg.replace(/:\)/g, "<span class='utf8'>🙂</span>");
+			msg = msg.replace(/:B/g, "<span class='utf8'>😎</span>");
+			msg = msg.replace(/:3/g, "<span class='utf8'>😗</span>");
+			msg = msg.replace(/;\)/g, "<span class='utf8'>😉</span>");
+			msg = msg.replace(/:P/g, "<span class='utf8'>😋</span>");
+			msg = msg.replace(/;P/g, "<span class='utf8'>😜</span>");
+			msg = msg.replace(/xD/g, "<span class='utf8'>😆</span>");
+			msg = msg.replace(/:O/ig, "<span class='utf8'>😲</span>");
+			msg = msg.replace(/:S/g, "<span class='utf8'>😖</span>");
+			msg = msg.replace(/\^\^/g, "<span class='utf8'>😊</span>");
 
 			/* (2) Emojis */
-			msg = msg.replace(/:poop:/g, '💩');
-			msg = msg.replace(/:fuck:/g, '🖕');
-			msg = msg.replace(/\+1/g, '👍');
-			msg = msg.replace(/-1/g, '👎');
+			msg = msg.replace(/:poop:/g, "<span class='utf8 br'>💩</span>");
+			msg = msg.replace(/:fuck:/g, "<span class='utf8'>🖕</span>");
+			msg = msg.replace(/\+1/g, "<span class='utf8 bl'>👍</span>");
+			msg = msg.replace(/-1/g, "<span class='utf8 bl'>👎</span>");
 
 			return msg;
 		}