@beacon-interactive-systems-llc/beacon-platform-ui 19.1.7 → 19.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beacon-interactive-systems-llc/beacon-platform-ui",
-  "version": "19.1.7",
+  "version": "19.1.8",
   "peerDependencies": {
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14",

package/styles/_fullcalendar.scss

@@ -173,6 +173,10 @@ $platform_fullcalendar_contrasts: (
   }
 }
 
+.fullcalendar-container {
+  height: 100%;
+}
+
 .fc-theme-standard td, .fc-theme-standard th,
 .fc-theme-standard .fc-scrollgrid {
   @include themify($platform_fullcalendar_contrasts) {
@@ -198,26 +202,28 @@ $platform_fullcalendar_contrasts: (
 }
 
 // Style the date boxes
-.fc .fc-daygrid-day-frame {
-  min-height: 144px;
-  padding: 8px;
+.fc .fc-daygrid-day {
+  height: 116px !important;
+  .fc-daygrid-day-frame {
+    padding: 8px;
 
-  &:hover::before {
-    @include themify($platform_fullcalendar_contrasts) {
-      background: apply('fullcalendarAddButton');
-      color: apply('fullcalendarAddButtonText');
+    &:hover::before {
+      @include themify($platform_fullcalendar_contrasts) {
+        background: apply('fullcalendarAddButton');
+        color: apply('fullcalendarAddButtonText');
+      }
+      border-radius: 16px;
+      content: "add";
+      cursor: pointer;
+      display: inline-block;
+      font-family: "Material Icons";
+      font-size: 16px;
+      height: 22px;
+      position: absolute;
+      right: 10px;
+      text-align: center;
+      width: 22px;
     }
-    border-radius: 16px;
-    content: "add";
-    cursor: pointer;
-    display: inline-block;
-    font-family: "Material Icons";
-    font-size: 16px;
-    height: 22px;
-    position: absolute;
-    right: 10px;
-    text-align: center;
-    width: 22px;
   }
 }
 

package/styles/_global-search.scss

@@ -121,7 +121,7 @@ $platform_globalsearch_contrasts: (
 
     &--opened {
       transition: width 0.5s ease-in-out;
-      width: 436px !important;
+      width: 306px !important;
 
       &::placeholder {
         @include themify($platform_globalsearch_contrasts) {

package/styles/_gridstack.scss

@@ -44,7 +44,7 @@ $platform_gridstack_contrasts: (
 
 // Setting the column widths - number of columns must match in a corresponding GridstackOptions in the app
 .grid-stack > .grid-stack-item {
-    $gridstack-columns: 96;
+    $gridstack-columns: 120;
 
     @for $i from 1 through $gridstack-columns {
         &[data-gs-width='#{$i}'] { width: (100% / $gridstack-columns) * $i; }
@@ -113,7 +113,7 @@ $platform_gridstack_contrasts: (
 }
 
 .grid-stack {
-  width: calc(100% - 40px) !important;
+  width: 100% !important;
 
   .grid-stack-item {
     .grid-stack-item-content {
@@ -124,20 +124,20 @@ $platform_gridstack_contrasts: (
 
       // A notification center widget looks different on the grid vs on the static dashboard
       .notification-widget {
-        height: 322px;
+        height: 414px;
 
         .tab-content {
           max-height: calc(322px - 24px); // Widget height - padding
           overflow-y: scroll;
         }
 
-        .mat-badge-small {        
+        .mat-badge-small {
 
           &.badge-notification {
             top: -3px !important;
             padding-left: 12px !important;
           }
-          
+
           .mat-badge-content {
             height: 12px;
             width: 12px;

package/styles/_widgets.scss

@@ -311,8 +311,9 @@ $platform_widget_contrasts: (
   }
 
   &.notification-pending-approval {
-    width: 322px;
-    height: 322px;
+    border-radius: 10px;
+    width: 324px;
+    height: 324px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
@@ -350,7 +351,7 @@ $platform_widget_contrasts: (
   }
 
   .notification-center-container {
-    .mat-badge-small {        
+    .mat-badge-small {
       &.badge-notification {
         top: -3px !important;
         padding-left: 12px !important;
@@ -417,7 +418,7 @@ $platform_widget_contrasts: (
   }
 
   &.pie-chart-widget {
-    height: 400px;
+    height: 414px;
     width: 100%;
 
     @include widget-filter-container();
@@ -460,7 +461,7 @@ $platform_widget_contrasts: (
 
   &.count-summary-widget {
     border-radius: 10px;
-    min-height: 116px;
+    height: 144px;
     padding: 12px;
     width: 324px;
 
@@ -555,7 +556,7 @@ $platform_widget_contrasts: (
   }
 
   &.equipment-category-widget {
-    height: 599px;
+    height: 604px;
     width: 716px;
     display: flex;
     flex-direction: column;
@@ -594,7 +595,7 @@ $platform_widget_contrasts: (
         @include themify($platform_contrasts) {
           background-color: apply('secondaryBackground') !important;
         }
-        
+
         &.reg { height: 100%; }
         &.sm { height: calc(50% - 5px); }
 
@@ -606,7 +607,7 @@ $platform_widget_contrasts: (
             background-color: apply('secondaryBackground') !important;
           }
         }
-      
+
         .asset-block {
           width: 100%;
           min-height: 20px;
@@ -619,8 +620,8 @@ $platform_widget_contrasts: (
   }
 
   &.line-chart-widget {
-    height: 400px !important;
-    width: 322px; 
+    height: 414px !important;
+    width: 322px;
 
     @include widget-filter-container();
     .gridline-path {
@@ -638,7 +639,7 @@ $platform_widget_contrasts: (
     ngx-charts-line-chart {
       .line-series path.line {
         stroke-width: 2px;
-      } 
+      }
 
       path.area {
         fill-opacity: 0.4 !important;
@@ -652,7 +653,7 @@ $platform_widget_contrasts: (
     rect {
       fill-opacity: 0.4 !important;
     }
-      
+
     .chart-wrapper {
       width: 100%;
       flex: 1 1 auto;