+
@_template.Title
-
+
-
-
-
Date
-
@_template.StartTime.ToLongDateString()
-
-
-
Time
-
from: @_template.StartTime.ToShortTimeString() to: @_template.EndTime.ToShortTimeString()
-
-
-
TimeZone
-
@_template.TimeZone
-
+
+
+
Date
+
@_template.StartTime.ToLongDateString()
+
+
Time
+
from: @_template.StartTime.ToShortTimeString() to: @_template.EndTime.ToShortTimeString()
+
+
TimeZone
+
@_template.TimeZone
+
+
Type
+
@_template.EventType
+
-
-
-
Organizer
-
@_template.Organizer
-
-
-
Guild
-
@_template.Guild
-
-
-
Voice chat
-
@_template.VoiceChat
-
-
+@if (!_isCollapsed)
+{
-
-
Type
-
@_template.EventType
-
-
-
-
-
-
- @foreach (var role in _template.Roles.OrderBy(r => r.RaidRoleId))
- {
-
- |
-
- }
-
-
-
+
+
+
Organizer
+
@_template.Organizer
+
+
+
Guild
+
@_template.Guild
+
+
+
Voice chat
+
@_template.VoiceChat
+
+
-
- @if (_template.RaidOwnerId == _user.Id || _user.RoleAssignments.Max(a => a.LiebRole.Level) >= Constants.RaidEditPowerLevel)
- {
-
- }
-
+
+
+
+ @foreach (var role in _template.Roles.OrderBy(r => r.RaidRoleId))
+ {
+
+ |
+
+ }
+
+
+
+
+
+
+ @if (_template.RaidOwnerId == _user.Id || _user.RoleAssignments.Max(a => a.LiebRole.Level) >= Constants.RaidEditPowerLevel)
+ {
+
+ }
+
+}
@code {
@@ -78,6 +83,8 @@
[Parameter]
public LiebUser? _user { get; set; }
+
+ bool _isCollapsed = true;
protected override async Task OnParametersSetAsync()
{
diff --git a/Lieb/Pages/Raids/RaidOverview/RaidTemplateDetails.razor.css b/Lieb/Pages/Raids/RaidOverview/RaidTemplateDetails.razor.css
index d0bdbbd..9f4d178 100644
--- a/Lieb/Pages/Raids/RaidOverview/RaidTemplateDetails.razor.css
+++ b/Lieb/Pages/Raids/RaidOverview/RaidTemplateDetails.razor.css
@@ -2,8 +2,9 @@
background-color: rgb(38 38 38);
border-radius: 25px;
padding: 25px;
- width: 700px;
+ /*width: 700px;*/
/*width: fit-content;*/
+ width: stretch;
color: lightgray;
}
@@ -11,18 +12,23 @@ h5 {
color: lightgrey;
}
+.timesblock {
+ display: block;
+}
+
.times {
- float: left;
- display: inline;
- width: 33%;
+ display: inline-block;
+ width: 250px;
padding-top: 15px;
}
+.detailsblock {
+ display: block;
+}
.details {
- float: left;
- display: inline;
- width: 33%;
+ display: inline-block;
+ width: 250px;
padding-top: 15px;
}