From 8ca69a1d0e855577296a76ab2af05460a444443d Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 13 Feb 2024 19:21:43 +0100
Subject: [PATCH] refining Game css

---
 src/assets/css/pages/Game.scss | 44 +++++++++++++++++++++++++++++++---
 1 file changed, 41 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/pages/Game.scss b/src/assets/css/pages/Game.scss
index 1043f4b..92c76c2 100644
--- a/src/assets/css/pages/Game.scss
+++ b/src/assets/css/pages/Game.scss
@@ -2,9 +2,47 @@
 	// @apply pt-32;
 
 	.screen {
-		@apply pt-20;
+		@apply overflow-hidden;
 	}
-	.salut {
-		@apply bg-red-300;
+	.lhoist-blocks-search-and-find {
+		-ms-overflow-style: none; /* IE and Edge */
+		scrollbar-width: none; /* Firefox */
+		&::-webkit-scrollbar {
+			display: none; /* Chrome, Safari, Opera*/
+		}
+
+		cursor: url("../../img/cursors/cursor-hand-free-xd.svg"), auto;
+		:active {
+			cursor: url("../../img/cursors/cursor-hand-grab.svg"), auto;
+		}
+		@apply w-screen overflow-x-scroll left-0 top-0 absolute h-full;
+
+		&__background_picture {
+			@apply top-0 h-full w-auto block;
+
+			height: 100vh;
+			max-width: revert;
+			-moz-user-select: none;
+			-webkit-user-select: none;
+			user-select: none;
+			pointer-events: none;
+		}
+
+		&__objects-container {
+			@apply w-fit h-full relative;
+
+			.lhoist-blocks-focus-object {
+				// user-drag: none;
+				// cursor: url("../../img/cursors/cursor-hand-pointer.svg"), auto;
+				cursor: url("../../img/cursors/cursor-hand-glass@2x.png"), auto;
+
+				@apply absolute  w-auto block object-contain;
+				// filter: brightness(10%) sepia(100%) saturate(10000%) hue-rotate(10deg);
+				&--inactive {
+					filter: brightness(10%) sepia(10%) hue-rotate(10deg);
+					pointer-events: none;
+				}
+			}
+		}
 	}
 }