@beacon-interactive-systems-llc/beacon-platform-ui 19.0.13 → 19.0.15

package/package.json

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

package/styles/_layout.scss

@@ -106,35 +106,11 @@ $detail-view-width-expanded: calc(100vw - $leftnav-collapsed-width);
   width: calc(100vw - $leftnav-width);
   transition: all 0.5s ease-in-out;
 
-  &:not(.main-view-container--expanded) .detail-view-container .list-view-container.nested-list-container {
-    width: calc(100vw - 212px - 32px) !important;
-  }
-
-  &:not(.main-view-container--expanded) .drawer__body.search__drawer {
-    width: calc(100vw - 212px);
-    position: relative;
-    left: calc(162px);
-  }
-
-  .detail-view-container .detail__body .detail__body__section .list-view-container.nested-list-container {
-    width: 100% !important;
-  }
-
   &--expanded {
     left: calc(#{$leftnav-collapsed-width});
     width: calc(100vw - $leftnav-collapsed-width);
     transition: all 0.5s ease-in-out;
 
-    .detail-view-container .list-view-container.nested-list-container {
-      width: calc(100vw - 50px - 32px);
-    }
-
-    .drawer__body.search__drawer {
-      position: relative;
-      left: 0;
-      width: calc(100vw - 50px);
-    }
-
     .list-view-container, .detail-view-container, .dashboard-view-container, .navbar__header {
       width: calc(100vw - $leftnav-collapsed-width);
       transition: all 0.5s ease-in-out;
@@ -478,6 +454,11 @@ $detail-view-width-expanded: calc(100vw - $leftnav-collapsed-width);
   }
 }
 
+// do not modify detail__body__section width for mobile based on leftnav open or closed
+.main-view-container.main-view-container--expanded.platform-mobile .detail-view-container .detail__body__section {
+  width: calc(100vw - $detail-sidebar-width - $leftnav-collapsed-width - 24px) !important;
+}
+
 .list-view-container {
   @include themify($platform_layout_contrasts) {
     background: apply('containerBackground');
@@ -488,7 +469,7 @@ $detail-view-width-expanded: calc(100vw - $leftnav-collapsed-width);
   width: calc(100vw - $leftnav-width);
   min-width: 600px;
   overflow-y: scroll;
-  transition: width 0.5s ease-in-out !important;
+  transition: all 0.5s ease-in-out;
 
   &.nested-list-container {
     box-shadow: none;
@@ -496,7 +477,7 @@ $detail-view-width-expanded: calc(100vw - $leftnav-collapsed-width);
     padding: 0px !important;
     height: calc(100vh - ($header-height + $detail-header-height + 1rem));  // Container fluid padding: 1rem
     width: 100%;
-    transition: width 0.5s ease-in-out !important;
+    transition: none;
   }
 }
 
@@ -570,10 +551,6 @@ $detail-view-width-expanded: calc(100vw - $leftnav-collapsed-width);
   }
 }
 
-.drawer__body.search__drawer {
-  transition: all 0.5s ease-in-out;
-}
-
 .pending-request-warning {
   font-size: 14px !important;
   @include font-weight--bold;

package/styles/_tables.scss

@@ -183,6 +183,18 @@ table.platform-table {
     }
   }
 
+  // fix width of select th's in table add w-100 to th/th's you want to grow/shrink
+  &.fixed-table {
+    table-layout: fixed !important;
+
+    $column-sizes: 50px, 75px, 90px, 100px, 125px, 150px, 180px, 200px;
+    .fixed-width {
+      @each $size in $column-sizes {
+        &--#{$size} { width: $size; }
+      }
+    }
+  }
+
   &--expandable {
     margin-top: 5px;
     thead {