Cambiata visualizzazione calendario e aggiunto formAttività

Template.Shared/Components/SingleElements/Calendar/MonthView.razor.css

@@ -1,7 +1,6 @@
 .calendar {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
-    /*border: 1px solid #ccc;*/
 }
 
 .calendar-header, .calendar-day {
@@ -31,6 +30,11 @@
     font-weight: 700;
 }
 
+.selectedDay > .calendar-day-wrapper > .titleDay {
+    border: 1px solid var(--mud-palette-primary);
+    font-weight: 700;
+}
+
 .calendar-day-wrapper > .titleDay {
     padding: 6px;
     border-radius: 50%;
@@ -38,15 +42,28 @@
     line-height: normal;
 }
 
+.event-dot-container {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: .2rem;
+}
+
 .event-dot {
     width: 100%;
     height: 6px;
     border-radius: 4px;
     background-color: var(--mud-palette-secondary);
-    position: absolute;
-    bottom: 0;
 }
 
+.event-dot.memo { background-color: var(--mud-palette-info-darken); }
+
+.event-dot.interna { background-color: var(--mud-palette-success-darken); }
+
+.event-dot.commessa { background-color: var(--mud-palette-warning); }
+
 .calendar-day:hover .event-popup { display: block; }
 
 .calendar-day-wrapper {
@@ -61,4 +78,24 @@
 
 .radiusBottomLeft { border-bottom-left-radius: 12px; }
 
-.radiusBottomRight { border-bottom-right-radius: 12px; }
+.radiusBottomRight { border-bottom-right-radius: 12px; }
+
+.activityContainer { margin-top: 1rem; }
+
+.calendar-activity {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    gap: 1rem;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding-bottom: 1rem;
+}
+
+.calendar-activity::-webkit-scrollbar { display: none; }
+
+.calendar-activity {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}