Sarah/Lieb-Website
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

redesigned input elements

Browse source
This commit is contained in:
t.ruspekhofer 2022-03-19 21:51:15 +01:00
parent 2aa6978137
commit cb683723b7
7 changed files with 84 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

6
Lieb/Pages/Raids/RaidDetails.razor
View file

@ -74,13 +74,13 @@
<div>
<AuthorizeView>
<button class="controlButton" @onclick="() => SignOffClicked()">Sign Off</button>
<button class="controlButton raidButton" @onclick="() => SignOffClicked()">Sign Off</button>
</AuthorizeView>
<AuthorizeView Policy="@Constants.Roles.RaidLead">
<button class="controlButton" @onclick="() => EditClicked()">Edit</button>
<button class="controlButton raidButton" @onclick="() => EditClicked()">Edit</button>
@if (_raid.RaidType != RaidType.Planned)
{
<button class="controlButton" type=button @onclick="() => RandomizeClicked()">Randomize</button>
<button class="controlButton raidButton" type=button @onclick="() => RandomizeClicked()">Randomize</button>
}
</AuthorizeView>
</div>

13
Lieb/Pages/Raids/RaidDetails.razor.css
View file

@ -35,6 +35,19 @@ h5 {
margin-right: 10px;
}
::deep .raidButton {
color: lightgray;
background-color: #444444;
width: 100px;
border: none;
padding: 8px;
text-align: center;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
border-radius: 8px;
}
table {
column-width: auto;
color: lightgray;

8
Lieb/Pages/Raids/RaidRoles.razor
View file

@ -72,12 +72,12 @@
{
bool notIsRoleSignUpAllowed = !RaidService.IsRoleSignUpAllowed(_raid.RaidId, _liebUserId, role.Role.PlannedRaidRoleId, SignUpType.SignedUp, false);
bool notIsBackupAllowed = _raid.RaidType != RaidType.Planned && notIsRoleSignUpAllowed;
<td class="signUpButton"><button @onclick="() => SignUpClicked(role.Role, SignUpType.SignedUp)" disabled="@notIsRoleSignUpAllowed">Sign Up</button></td>
<td class="signUpButton"><button @onclick="() => SignUpClicked(role.Role, SignUpType.Maybe)" disabled="@notIsRoleSignUpAllowed">Maybe</button></td>
<td class="signUpButton"><button @onclick="() => SignUpClicked(role.Role, SignUpType.Backup)" disabled="@notIsBackupAllowed">Backup</button></td>
<td><button class="raidButton" @onclick="() => SignUpClicked(role.Role, SignUpType.SignedUp)" disabled="@notIsRoleSignUpAllowed">Sign Up</button></td>
<td><button class="raidButton" @onclick="() => SignUpClicked(role.Role, SignUpType.Maybe)" disabled="@notIsRoleSignUpAllowed">Maybe</button></td>
<td><button class="raidButton" @onclick="() => SignUpClicked(role.Role, SignUpType.Backup)" disabled="@notIsBackupAllowed">Backup</button></td>
@if (isSignedUp && _raid.RaidType == RaidType.Planned)
{
<td><button @onclick="() => SignUpClicked(role.Role, SignUpType.Flex)">Flex</button></td>
<td><button class="raidButton" @onclick="() => SignUpClicked(role.Role, SignUpType.Flex)">Flex</button></td>
}
}
</tr>

7
Lieb/Pages/Raids/RaidRoles.razor.css
View file

@ -6,11 +6,8 @@ table {
}
button {
width: max-content;
}
.signUpButton{
width: 30px;
/*width: max-content;*/
width: 80px;
}
.tdSignUp {

2
Lieb/Pages/Raids/SignedUpUsers.razor
View file

@ -21,7 +21,7 @@
@if (isUser && _usableAccounts.Count > 1 && signUp.SignUpType != SignUpType.Flex)
{
<td>
<select value=@signUp.GuildWars2AccountId @onchange="args => _Parent.ChangeAccount(args)">
<select class="accountselect" value=@signUp.GuildWars2AccountId @onchange="args => _Parent.ChangeAccount(args)">
@foreach (var account in _usableAccounts)
{
<option value=@account.GuildWars2AccountId>@account.AccountName</option>

4
Lieb/Pages/Raids/SignedUpUsers.razor.css
View file

@ -36,3 +36,7 @@
.nametooltip:hover .tooltiptext {
visibility: visible;
}
.accountselect {
background-color: #555555;
}