Fix grafico Alert chiusura ODL

This commit is contained in:
Samuele Locatelli
2022-12-09 16:43:26 +01:00
parent b25e8ab795
commit f637017d51
4 changed files with 43 additions and 10 deletions
+3 -3
View File
@@ -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 />
+18 -3
View File
@@ -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;
+21 -3
View File
@@ -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 {
+1 -1
View File
File diff suppressed because one or more lines are too long