make alert menu scrollable for large # of alerts

This commit is contained in:
RaidMax 2022-06-13 11:03:39 -05:00
parent df3e226dc9
commit 2cff25d6b3

View File

@ -14,9 +14,10 @@
<div class="dropdown-menu dropdown-menu-right w-250 w-md-400" aria-labelledby="alert-toggle"> <div class="dropdown-menu dropdown-menu-right w-250 w-md-400" aria-labelledby="alert-toggle">
<div class="d-flex"> <div class="d-flex">
<h6 class="dropdown-header">@ViewBag.Alerts.Count Alerts</h6> <h6 class="dropdown-header">@ViewBag.Alerts.Count Alerts</h6>
<i class="oi oi-circle-x font-size-12 ml-auto mr-10 text-danger align-self-center profile-action" data-action="DismissAllAlerts" data-action-id="@ViewBag.User.ClientId"></i> <i class="oi oi-circle-x font-size-12 text-danger align-self-center profile-action" data-action="DismissAllAlerts" data-action-id="@ViewBag.User.ClientId"></i>
</div> </div>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<div style="max-height: 50vh; overflow: scroll" >
@foreach (var alert in Model) @foreach (var alert in Model)
{ {
<div class="d-flex p-5 pl-10 pr-10"> <div class="d-flex p-5 pl-10 pr-10">
@ -62,5 +63,6 @@
</div> </div>
} }
</div> </div>
</div>
} }
</div> </div>