From b8e558c2d2b1e8a2cb30d22d0f17bdf8d31b19b2 Mon Sep 17 00:00:00 2001
From: Misthaa <mathis.koro@gmail.com>
Date: Sun, 17 Nov 2024 20:50:43 +0100
Subject: [PATCH] Site :     - add search bar mobile

---
 .../file/server/server/templates/lobbyPage.html |  5 +++++
 .../nginx/static/style/lobbyPage/lobbyPage.css  | 17 +++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html b/docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html
index 550f527..259036a 100644
--- a/docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html
+++ b/docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html
@@ -14,6 +14,11 @@
 		<p>Logout</p>
 	</div>
 </div>
+<div class="search-container-mobile">
+	<input type="text" placeholder="Search..." class="search-input" id="searchInputUser" autocomplete="off">
+</div>
+<div id="searchResult">
+</div>
 <div id="chatButton">
 	<span class="notification-badge"></span>
 	<img src="/static/img/homePage/bulle.png">
diff --git a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
index f082b04..08b976c 100644
--- a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
+++ b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
@@ -402,6 +402,12 @@ body {
 	width: 30%;
 }
 
+.search-container-mobile {
+	display: none;
+	align-items: flex-start;
+	width: 30%;
+}
+
 .search-input {
 	width: 100%;
 	padding: 10px;
@@ -618,6 +624,17 @@ input:checked + .slider:before {
 	.search-container {
 		display: none;
 	}
+	.search-container-mobile {
+		width: 100%;
+		position: absolute;
+		display: flex;
+	}
+	  
+	.search-input input {
+		left: 50%;
+		transform: translate(-50%);
+		width: 90%;
+	}
 	.menuSelected {
 		flex-direction: column;
 	}