Fix grafico Alert chiusura ODL
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
@if (CurrAction != null && CurrAction.IsActive)
|
||||
{
|
||||
<div class="d-flex justify-content-around" style="z-index: 9999;">
|
||||
<div class="toast bg-light" role="alert" aria-live="assertive" aria-atomic="true" style="display: block; position: absolute;">
|
||||
<div class="toast-header pulse-warning bg-danger text-warning">
|
||||
<div class="toast pulse-warning bg-primary border border-primary rounded" role="alert" aria-live="assertive" aria-atomic="true" style="display: block; position: absolute;">
|
||||
<div class="toast-header pulse-warning bg-primary text-light">
|
||||
<strong class="me-auto">@CurrAction.Topic</strong>
|
||||
<small class="">@($"{CurrAction.DtReq:yyyy.MM.dd HH:mm:ss}")</small>
|
||||
@if (CurrAction.ShowClose)
|
||||
@@ -10,7 +10,7 @@
|
||||
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
||||
}
|
||||
</div>
|
||||
<div class="toast-body pt-5">
|
||||
<div class="toast-body pt-5 bg-light rounded-bottom">
|
||||
@CurrAction.Message
|
||||
<br />
|
||||
<br />
|
||||
|
||||
@@ -30,9 +30,24 @@ a,
|
||||
color: #0071c1;
|
||||
}
|
||||
.pulse-warning {
|
||||
/*color: rgba(255, 255, 255, 0.8);*/
|
||||
box-shadow: 0px 0px 20px 5px rgba(255, 0, 0, 0.8);
|
||||
animation: pulse-warning 2.5s infinite;
|
||||
box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0.8);
|
||||
animation: pulseWarnAnim 2.5s infinite;
|
||||
}
|
||||
@keyframes pulseWarnAnim {
|
||||
0% {
|
||||
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0.8);
|
||||
box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0.8);
|
||||
/*color: rgba(255, 255, 255, 1);*/
|
||||
}
|
||||
70% {
|
||||
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0);
|
||||
box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0);
|
||||
}
|
||||
100% {
|
||||
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0.8);
|
||||
box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0.8);
|
||||
/*color: rgba(255, 255, 255, 1);*/
|
||||
}
|
||||
}
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
|
||||
@@ -24,9 +24,27 @@ a, .btn-link {
|
||||
}
|
||||
|
||||
.pulse-warning {
|
||||
/*color: rgba(255, 255, 255, 0.8);*/
|
||||
box-shadow: 0px 0px 20px 5px rgba(255, 0, 0, 0.8);
|
||||
animation: pulse-warning 2.5s infinite;
|
||||
box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0.8);
|
||||
animation: pulseWarnAnim 2.5s infinite;
|
||||
}
|
||||
|
||||
@keyframes pulseWarnAnim {
|
||||
0% {
|
||||
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0.8);
|
||||
box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0.8);
|
||||
/*color: rgba(255, 255, 255, 1);*/
|
||||
}
|
||||
|
||||
70% {
|
||||
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0);
|
||||
box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0.8);
|
||||
box-shadow: 0px 0px 20px 5px rgba(0, 128, 255, 0.8);
|
||||
/*color: rgba(255, 255, 255, 1);*/
|
||||
}
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user