PRJ-Game-Ideas/game-ideas
3
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fix style for advanced filter
All checks were successful
Game Ideas build for PR / build_blazor_app (pull_request) Successful in 48s
Details

Browse Source
This commit is contained in:
Egamorf
2025-04-07 21:18:29 +02:00
parent 47c1e91535
commit 6236ad3db3
5 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/AdvancedGameFilter.razor.css
View File

@@ -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;
}
}

2
src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/GameFilter.razor
View File

@@ -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>

1
src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.css
View File

@@ -1,4 +1,5 @@
.container {
margin-top: 20px;
justify-content: space-between;
display: flex;
flex-direction: row;

2
src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor
View File

@@ -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"

6
src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/MultipleSelectList.razor.css
View File

@@ -57,3 +57,9 @@
min-width: 150px;
}
::deep .select-button.advancedfilter .search-container {
height: 24px;
width: 210px;
border: 2px solid var(--low-white);
}