Merge pull request #85 from danheron/fix/truncate-cell-template

Hide overflow text in cell template

Heron.MudCalendar.UnitTests.Viewer/TestComponents/Calendar/CalendarLongTextTest.razor

@@ -0,0 +1,21 @@
+<MudCalendar Items="_events" Height="500" />
+
+@code {
+    public static string __description__ = "Calendar Long Text Tests";
+
+    private List<CalendarItem> _events = new()
+    {
+        new CalendarItem
+        {
+            Start = DateTime.Today.AddHours(10),
+            End = DateTime.Today.AddHours(11),
+            Text = "Event today"
+        },
+        new CalendarItem
+        {
+            Start = DateTime.Today.AddDays(1).AddHours(11),
+            End = DateTime.Today.AddDays(1).AddHours(12.5),
+            Text = "This is an event tomorrow"
+        }
+    };
+}

Heron.MudCalendar/Styles/Heron.MudCalendar.css

@@ -239,6 +239,9 @@
   width: 100%;
   margin: 0;
 }
+.mud-cal-cell-template-chip .mud-chip-content {
+  overflow: hidden;
+}
 
 .mud-cal-clickable {
   cursor: pointer;

Heron.MudCalendar/Styles/_cellTemplate.scss

@@ -15,6 +15,10 @@
 .mud-cal-cell-template-chip {
   width: 100%;
   margin: 0;
+
+  .mud-chip-content {
+    overflow: hidden;
+  }
 }
 
 .mud-cal-clickable {