Calendario Week:
- Update contenitore dati con a capo gestito
This commit is contained in:
@@ -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),
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -71,4 +71,8 @@
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.event-body-detail {
|
||||
color: #A8BCFF;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
@@ -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
@@ -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;}
|
||||
Reference in New Issue
Block a user