wip

wwwroot/css/calendar-base-css.css

@@ -147,6 +147,30 @@ swp-spinner {
   color: inherit;
 }
 
+/* Prevent text selection in calendar UI */
+swp-calendar-container,
+swp-calendar-grid,
+swp-day-column,
+swp-event,
+swp-event-group,
+swp-time-axis,
+swp-event-title,
+swp-event-time {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+
+/* Enable text selection for events when double-clicked */
+swp-event.text-selectable swp-event-title,
+swp-event.text-selectable swp-event-time {
+  user-select: text;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+}
+
 /* Focus styles */
 :focus {
   outline: 2px solid var(--color-primary);

wwwroot/css/calendar-events-css.css

@@ -72,33 +72,47 @@ swp-event-title {
   line-height: 1.3;
 }
 
-/* Resize handles */
+/* External resize handles */
 swp-resize-handle {
   position: absolute;
-  left: 8px;
-  right: 8px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 24px;
   height: 4px;
   opacity: 0;
   transition: opacity var(--transition-fast);
+  cursor: ns-resize;
+  z-index: 30;
+  background: var(--color-primary);
+  border-radius: 3px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   
-  /* The two lines */
-  &::before,
-  &::after {
+  /* Subtle grip pattern */
+  &::before {
     content: '';
     position: absolute;
-    left: 0;
-    right: 0;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 12px;
     height: 1px;
-    background: rgba(0, 0, 0, 0.3);
-  }
-  
-  &::before {
-    top: 0;
-  }
-  
-  &::after {
-    bottom: 0;
+    background: rgba(255, 255, 255, 0.6);
+    border-radius: 0.5px;
+    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
   }
+}
+
+/* Top resize handle - positioned OUTSIDE event */
+swp-resize-handle[data-position="top"] {
+  top: -6px;
+}
+
+/* Bottom resize handle - positioned OUTSIDE event */
+swp-resize-handle[data-position="bottom"] {
+  bottom: -6px;
+}
+
+/* Resize handles controlled by JavaScript - no general hover */
   
   /* Hit area */
   swp-handle-hitarea {