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="d-flex">
<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 class="dropdown-divider"></div>
<div style="max-height: 50vh; overflow: scroll" >
@foreach (var alert in Model)
{
<div class="d-flex p-5 pl-10 pr-10">
@ -62,5 +63,6 @@
</div>
}
</div>
</div>
}
</div>