From 99016519eec2a8d20b55e94a905999a9b26541f3 Mon Sep 17 00:00:00 2001
From: lenovo <lenovo@lenovo.com>
Date: Wed, 7 Dec 2022 20:22:30 +0100
Subject: [PATCH] added arrow to drop menu

---
 tests_hugo/chat_node/chat_client/chat.html    |  4 ++--
 .../chat_client/style/msg_controls.css        | 24 +++++++++++++++++++
 .../chat_client/style/msg_thread.css          |  7 ++++++
 3 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/tests_hugo/chat_node/chat_client/chat.html b/tests_hugo/chat_node/chat_client/chat.html
index f840df74..c03beefa 100644
--- a/tests_hugo/chat_node/chat_client/chat.html
+++ b/tests_hugo/chat_node/chat_client/chat.html
@@ -16,7 +16,7 @@
 
 			<div class="chat_item controls_area">
 				<!-- MENU -------------- -->
-				<div class="control list drop_down">
+				<div class="control rooms drop_down">
 					<p class="_title" tabindex=0>rooms</p>
 					<div class="_items" tabindex=0 id="rooms">
 						<label for="input_outside"><p class="room_name">test1</p></label>
@@ -60,7 +60,7 @@
 				<div class="msg_box" id="msg_thread">
 					<!-- messages go there -->
 				</div>
-				<p id="msg_box_room_name">test</p>
+				<p id="msg_box_room_name">room name</p>
 				<!-- ACTION BOARD ------ -->
 				<div class="action_board" id="action_board">
 					<div class="action_pannel _create" id="create" tabindex=0>
diff --git a/tests_hugo/chat_node/chat_client/style/msg_controls.css b/tests_hugo/chat_node/chat_client/style/msg_controls.css
index 1c06d22c..3fc745a8 100644
--- a/tests_hugo/chat_node/chat_client/style/msg_controls.css
+++ b/tests_hugo/chat_node/chat_client/style/msg_controls.css
@@ -1,3 +1,4 @@
+
 .chat_item.controls_area {
 	flex-direction: row;
 }
@@ -22,6 +23,7 @@
 }
 
 
+
 /* * * * * * * * * * * * * * * * * * * *
 	MENU APPEARENCE
 */
@@ -61,6 +63,28 @@
 }
 
 
+
+/* * * * * * * * * * * * * * * * * * * *
+	DROP ARROW
+*/
+
+.drop_down ._title {
+	padding-right: 20px !important;
+}
+.drop_down ._title::after {
+	content: "";
+	position: absolute;
+	top: calc(50% - 4px);
+	right: 5px;
+	width: 0px;
+	height: 10px;
+
+	border: 5px solid transparent;
+	border-top: 10px solid rgb(120, 120, 120);
+}
+
+
+
 /* * * * * * * * * * * * * * * * * * * *
 	SUB MENU APPEARENCE
 */
diff --git a/tests_hugo/chat_node/chat_client/style/msg_thread.css b/tests_hugo/chat_node/chat_client/style/msg_thread.css
index 5b3348e4..93cbb362 100644
--- a/tests_hugo/chat_node/chat_client/style/msg_thread.css
+++ b/tests_hugo/chat_node/chat_client/style/msg_thread.css
@@ -15,6 +15,12 @@
 	padding: 5px;
 	border-radius: 5px;
 }
+
+
+/* * * * * * * * * * * * * *
+	ROOM NAME
+*/
+
 .chat_box #msg_box_room_name {
 	position: absolute;
 	top: 0px;
@@ -24,6 +30,7 @@
 	margin: 0px;
 	padding: 2px 5px;
 	font-weight: bold;
+	color: rgb(120, 120, 120);
 }