Merge pull request #221 from danheron/fix/dragdop-touch-events

Fixed formatting issue when using dragdrop with touch events
danheron · Jan 23, 2025 · f071789 · f071789
2 parents 14d7a30 + e65e332
commit f071789
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/Heron.MudCalendar/Base/DayWeekViewBase.razor.cs b/Heron.MudCalendar/Base/DayWeekViewBase.razor.cs
@@ -86,7 +86,6 @@ protected virtual string EventStyle(ItemPosition position)
             .AddStyle("position", "absolute")
             .AddStyle("top", $"{position.Top}px")
             .AddStyle("height", $"{position.Height}px")
-            .AddStyle("overflow", "hidden")
             .AddStyle("left",
                 (((position.Position / (double)position.Total) - (1.0 / position.Total)) * 100).ToInvariantString() +
                 "%")

diff --git a/Heron.MudCalendar/Components/WeekDropZone.razor b/Heron.MudCalendar/Components/WeekDropZone.razor
@@ -2,6 +2,8 @@
 @namespace Heron.MudCalendar
 @inject IJSRuntime JsRuntime
 
-<MudDropZone T="CalendarItem" Identifier="@Position?.Item.Id" Class="@Classname" Style="@Style">
-    @ChildContent
-</MudDropZone>
+<div Class="@Classname" Style="@Style">
+    <MudDropZone T="CalendarItem" Identifier="@Position?.Item.Id" Style="height: 100%;">
+        @ChildContent
+    </MudDropZone>
+</div>
diff --git a/Heron.MudCalendar/Styles/Heron.MudCalendar.css b/Heron.MudCalendar/Styles/Heron.MudCalendar.css
@@ -279,12 +279,12 @@
   transition: none;
 }
 
-.mud-cal-drop-item > .mud-drop-item {
+.mud-cal-drop-item .mud-drop-item {
   height: 100%;
   border: none;
 }
 
-.mud-cal-drop-item > .mud-drop-item.disabled {
+.mud-cal-drop-item .mud-drop-item.disabled {
   cursor: inherit;
 }
 

diff --git a/Heron.MudCalendar/Styles/_dragDrop.scss b/Heron.MudCalendar/Styles/_dragDrop.scss
@@ -2,12 +2,12 @@
   transition: none;
 }
 
-.mud-cal-drop-item > .mud-drop-item {
+.mud-cal-drop-item .mud-drop-item {
   height: 100%;
   border: none;
 }
 
-.mud-cal-drop-item > .mud-drop-item.disabled {
+.mud-cal-drop-item .mud-drop-item.disabled {
   cursor: inherit;
 }