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

fix style for dropdown
All checks were successful
Game Ideas build for PR / build_blazor_app (pull_request) Successful in 47s
Details

Browse Source
This commit is contained in:
Egamorf
2025-04-06 19:50:07 +02:00
parent 91d8dae02d
commit 47c1e91535
2 changed files with 39 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Select/Components/SelectListElement.razor.css
View File

@@ -6,6 +6,7 @@
gap: 6px; gap: 6px;
height: 20px; height: 20px;
align-items: center; align-items: center;
z-index: 501;
} }
.select-element:hover { .select-element:hover {
@@ -64,4 +65,32 @@
margin-right: 6px; margin-right: 6px;
} }
/***** Filter Theme *****/
.filter {
padding: 2px 6px;
}
.filter:hover {
background: var(--low-white);
}
.filter .select-label {
text-wrap: nowrap;
margin-right: 6px;
}
/***** Filter Theme *****/
.advancedfilter {
padding: 2px 6px;
}
.advancedfilter:hover {
background: var(--low-white);
}
.advancedfilter .select-label {
text-wrap: nowrap;
margin-right: 6px;
}

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

@@ -5,6 +5,7 @@
.select-container { .select-container {
margin-top: 4px; margin-top: 4px;
position: absolute; position: absolute;
z-index: 500;
} }
.align-right { .align-right {
@@ -18,6 +19,7 @@
border-radius: var(--small-radius); border-radius: var(--small-radius);
animation-name: fade-in; animation-name: fade-in;
animation-duration: 0.4s; animation-duration: 0.4s;
z-index: 500;
} }
.line { .line {
@@ -47,3 +49,11 @@
min-width: 150px; min-width: 150px;
} }
/***** AdvanceFilter Theme *****/
.select-content.advancedfilter {
background: var(--light-grey);
box-shadow: var(--drop-shadow);
padding: 4px 0;
min-width: 150px;
}