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

Fix style for detail row option
All checks were successful
Game Ideas build for PR / build_test (pull_request) Successful in 55s
Details

Browse Source
This commit is contained in:
Maxime Adler
2025-05-12 11:35:22 +02:00
parent 2fbcaa8f29
commit bb42aa6dc1
7 changed files with 48 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameRow.razor
View File

@@ -35,8 +35,8 @@
<Interest Value="GameDto.Interest" />
<Select TItem="DetailOptions" THeader="object" Type="SelectType.Single" QuickAdd="false" Theme="SelectTheme.Navigation"
<Select TItem="DetailOptions" THeader="object" Type="SelectType.Single" Theme="SelectTheme.RowOption"
Params="SelectParams" ValuesChanged="HandlerSelectValuesChanged">
<button class="detail">@Icons.Triangle</button>
@Icons.Triangle
</Select>
</div>

25
src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameRow.razor.css
View File

@@ -8,7 +8,6 @@
box-shadow: var(--drop-shadow);
border-radius: var(--big-radius);
align-items: center;
overflow: hidden;
}
.row > * {
@@ -69,17 +68,23 @@
text-decoration: underline;
}
::deep .detail {
transform: scale(0.6, 1) rotate(-90deg);
background: none;
border: none;
outline: none;
cursor: pointer;
::deep .button {
width: fit-content;
transform: rotate(-90deg);
transition: transform 0.2s ease-in-out;
justify-self: center;
}
::deep .detail svg {
fill: var(--white);
}
::deep .button svg {
fill: var(--white);
height: 20px;
width: 20px;
transform: scale(1, 0.6);
}
::deep .button:hover, ::deep .button.selected {
transform: translate(-4px, 2px);
}
@media screen and (max-width: 700px) {
.release-date, .tags, .storage {