From 6236ad3db3b7d42940ba78006351b7cc4696f692 Mon Sep 17 00:00:00 2001
From: Egamorf <maxime.adler76@gmail.com>
Date: Mon, 7 Apr 2025 21:18:29 +0200
Subject: [PATCH] Fix style for advanced filter

---
 .../Pages/Games/Filter/AdvancedGameFilter.razor.css       | 8 +++++++-
 .../Pages/Games/Filter/GameFilter.razor                   | 2 ++
 .../GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.css   | 1 +
 .../Shared/Components/Select/MultipleSelectList.razor     | 2 +-
 .../Shared/Components/Select/MultipleSelectList.razor.css | 6 ++++++
 5 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/AdvancedGameFilter.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/AdvancedGameFilter.razor.css
index 387cb69..4c0604a 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/AdvancedGameFilter.razor.css
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/AdvancedGameFilter.razor.css
@@ -9,7 +9,7 @@
 }
 
 .duplicate {
-    display: flex;
+    display: none;
     flex-direction: column;
     gap: 10px;
 }
@@ -20,3 +20,9 @@
     height: 24px;
     align-content: center
 }
+
+@media screen and (max-width: 1000px) {
+    .duplicate {
+        display: flex;
+    }
+}
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/GameFilter.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/GameFilter.razor
index e85a732..82e7152 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/GameFilter.razor
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/GameFilter.razor
@@ -43,6 +43,7 @@
         <div class="select-container">
             <MultipleSelectList TItem="string"
                                 Items="Plateforms"
+                                Placeholder="@ResourcesKey.Platforms"
                                 @bind-Values=GameFilterParams.Plateforms
                                 Theme="SelectListTheme.Filter" />
         </div>
@@ -50,6 +51,7 @@
         <div class="select-container">
             <MultipleSelectList TItem="string"
                                 Items="Genres"
+                                Placeholder="@ResourcesKey.Genres"
                                 @bind-Values=GameFilterParams.Genres
                                 Theme="SelectListTheme.Filter" />
         </div>
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.css
index a7314e2..21c19a7 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.css
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.css
@@ -1,4 +1,5 @@
 .container {
+    margin-top: 20px;
     justify-content: space-between;
     display: flex;
     flex-direction: row;
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor
index 5f92354..54c465f 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor
@@ -3,7 +3,7 @@
 @typeparam TItem
 
 <div class="select-list" tabindex="1001" @ref="BaseElement">
-    <div class="select-button" @onfocusin=HandleFocusIn @onfocusout=HandleFocusOut>
+    <div class="select-button @(Enum.GetName(Theme)?.ToLower())" @onfocusin=HandleFocusIn @onfocusout=HandleFocusOut>
         <SearchInput @ref=SearchInput
                      Icon="SearchInputIcon.Dropdown"
                      Placeholder="@Placeholder"
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor.css
index 0511f9d..857a5e9 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor.css
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor.css
@@ -57,3 +57,9 @@
     min-width: 150px;
 }
 
+::deep .select-button.advancedfilter .search-container {
+    height: 24px;
+    width: 210px;
+    border: 2px solid var(--low-white);
+}
+