make alert menu scrollable for large # of alerts
This commit is contained in:
parent
df3e226dc9
commit
2cff25d6b3
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user