Calendario Week:

- Update contenitore dati con a capo gestito
This commit is contained in:
Samuele Locatelli
2024-08-27 10:35:17 +02:00
parent 964ca83a5e
commit c5fd7bdf2f
5 changed files with 14 additions and 5 deletions
@@ -73,7 +73,7 @@ namespace EgwCoreLib.BlazorTest.Pages
CalendarEvent newEv = new CalendarEvent()
{
CssClass = "bg-success opacity-25",
Description = $"Permesso #{e}",
Description = $"Permesso #{e}, testo molto lungo per provare andata a capo con o senza un segnaposto",
Type = "PERM",
Inizio = oggi.AddDays(i).AddHours(inizio),
Fine = oggi.AddDays(i).AddHours(fine),
+2 -2
View File
@@ -40,10 +40,10 @@ else
<svg viewBox="0 0 @(vBox.Height/4) @(vBox.Height/4)" xmlns="http://www.w3.org/2000/svg" >
<g>
<rect x="0" y="0" width="@(vBox.Height/4)" height="@(vBox.Height/4)" class="@currData.cssClass" rx="30"></rect>
<foreignObject x="@mFO" y="@mFO" width="@(vBox.Height/3)" height="@(vBox.Height/3)">
<foreignObject x="@mFO" y="@mFO" width="@(vBox.Height/4)" height="@(vBox.Height/3)">
<div class="event-title">@currData.title</div>
<div class="event-time">@($"{currData.start:HH:mm}")-@($"{currData.end:HH:mm}")</div>
<div class="event-body">@currData.value</div>
<div class="event-body-detail">@currData.value</div>
</foreignObject>
</g>
</svg>
+4
View File
@@ -71,4 +71,8 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.event-body-detail {
color: #A8BCFF;
font-size: 1.4rem;
}
+6 -1
View File
@@ -84,8 +84,13 @@
color: #A8BCFF;
font-size: 1.4rem;
word-break: break-word;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.event-body-detail {
color: #A8BCFF;
font-size: 1.4rem;
}
+1 -1
View File
@@ -1 +1 @@
.lblText{font-size:.3rem;fill:white;}.lblBoxTitle{font-size:.25rem;fill:white;}.lblBoxText{font-size:.2rem;fill:white;word-wrap:break-word;}.heavy{font:bold 30px sans-serif;fill:white;}.canv{fill:#34495e;}.blockMal{fill:rgba(3,155,229,.75);stroke:rgba(3,155,229,.9);stroke-width:.5rem;}.blockPerm{fill:rgba(153,102,222,.75);stroke:rgba(153,102,222,.9);stroke-width:.5rem;}.blockFerie{fill:rgba(0,185,0,.75);stroke:rgba(0,255,0,.9);stroke-width:.5rem;}.block104{fill:rgba(222,0,171,.75);stroke:rgba(222,0,171,.9);stroke-width:.5rem;}.blockChius{fill:rgba(165,185,0,.75);stroke:rgba(235,255,71,.9);stroke-width:.5rem;}.blockFest{fill:rgba(242,35,35,.75);stroke:rgba(242,35,35,.9);stroke-width:.5rem;}.event-title{color:#fff;font-size:2rem;}.event-time{color:#69cdff;font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.hour-label{color:#9abcde;font-size:2rem;}.event-body{color:#a8bcff;font-size:1.4rem;word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lblText{font-size:.3rem;fill:white;}.lblBoxTitle{font-size:.25rem;fill:white;}.lblBoxText{font-size:.2rem;fill:white;word-wrap:break-word;}.heavy{font:bold 30px sans-serif;fill:white;}.canv{fill:#34495e;}.blockMal{fill:rgba(3,155,229,.75);stroke:rgba(3,155,229,.9);stroke-width:.5rem;}.blockPerm{fill:rgba(153,102,222,.75);stroke:rgba(153,102,222,.9);stroke-width:.5rem;}.blockFerie{fill:rgba(0,185,0,.75);stroke:rgba(0,255,0,.9);stroke-width:.5rem;}.block104{fill:rgba(222,0,171,.75);stroke:rgba(222,0,171,.9);stroke-width:.5rem;}.blockChius{fill:rgba(165,185,0,.75);stroke:rgba(235,255,71,.9);stroke-width:.5rem;}.blockFest{fill:rgba(242,35,35,.75);stroke:rgba(242,35,35,.9);stroke-width:.5rem;}.event-title{color:#fff;font-size:2rem;}.event-time{color:#69cdff;font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.hour-label{color:#9abcde;font-size:2rem;}.event-body{color:#a8bcff;font-size:1.4rem;word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.event-body-detail{color:#a8bcff;font-size:1.4rem;}