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> <div>
<AuthorizeView> <AuthorizeView>
<button class="controlButton" @onclick="() => SignOffClicked()">Sign Off</button> <button class="controlButton raidButton" @onclick="() => SignOffClicked()">Sign Off</button>
</AuthorizeView> </AuthorizeView>
<AuthorizeView Policy="@Constants.Roles.RaidLead"> <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) @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> </AuthorizeView>
</div> </div>

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

@ -35,6 +35,19 @@ h5 {
margin-right: 10px; 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 { table {
column-width: auto; column-width: auto;
color: lightgray; 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 notIsRoleSignUpAllowed = !RaidService.IsRoleSignUpAllowed(_raid.RaidId, _liebUserId, role.Role.PlannedRaidRoleId, SignUpType.SignedUp, false);
bool notIsBackupAllowed = _raid.RaidType != RaidType.Planned && notIsRoleSignUpAllowed; bool notIsBackupAllowed = _raid.RaidType != RaidType.Planned && notIsRoleSignUpAllowed;
<td class="signUpButton"><button @onclick="() => SignUpClicked(role.Role, SignUpType.SignedUp)" disabled="@notIsRoleSignUpAllowed">Sign Up</button></td> <td><button class="raidButton" @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><button class="raidButton" @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.Backup)" disabled="@notIsBackupAllowed">Backup</button></td>
@if (isSignedUp && _raid.RaidType == RaidType.Planned) @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> </tr>

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

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

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

@ -21,7 +21,7 @@
@if (isUser && _usableAccounts.Count > 1 && signUp.SignUpType != SignUpType.Flex) @if (isUser && _usableAccounts.Count > 1 && signUp.SignUpType != SignUpType.Flex)
{ {
<td> <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) @foreach (var account in _usableAccounts)
{ {
<option value=@account.GuildWars2AccountId>@account.AccountName</option> <option value=@account.GuildWars2AccountId>@account.AccountName</option>

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

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

57
Lieb/Shared/MainLayout.razor.css
View file

@ -22,6 +22,63 @@ main {
color: lightskyblue; color: lightskyblue;
} }
::deep input {
background-color: #555555;
border: none;
color: lightgray;
border-radius: 6px;
padding: 4px;
}
::deep input:disabled {
background-color: #777777;
color: darkgrey;
}
::deep textarea {
background-color: #555555;
border: none;
color: lightgray;
border-radius: 6px;
padding: 4px;
}
::deep textarea:disabled {
background-color: #777777;
color: darkgrey;
}
::deep select {
background-color: #555555;
border: none;
color: lightgray;
border-radius: 6px;
padding: 4px;
}
::deep select:disabled {
background-color: #777777;
color: darkgrey;
}
::deep button {
color: lightgray;
background-color: #555555;
width: 130px;
/*border: none;*/
padding: 8px;
text-align: center;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
border-radius: 8px;
}
::deep button:disabled {
background-color: #777777;
color: darkgrey;
}
.top-row { .top-row {
background-color: #202020; background-color: #202020;
border-bottom: 1px solid #d6d5d5; border-bottom: 1px solid #d6d5d5;