Fixed tri-layout overflow in some scenarios

diff --git a/resources/assets/sass/_grid.scss b/resources/assets/sass/_grid.scss
index 5a89bf3590320f42348d214782099102baee29a7..8c93b12d582f9acd07d079ed93fe0e3bf9e766e0 100644 (file)
--- a/resources/assets/sass/_grid.scss
+++ b/resources/assets/sass/_grid.scss
@@ -89,9 +89,11 @@ body.flexbox {
   grid-column-gap: $-xxl;
   .tri-layout-right {
     grid-area: c;
+    min-width: 0;
   }
   .tri-layout-left {
     grid-area: a;
+    min-width: 0;
   }
   .tri-layout-middle {
     grid-area: b;

diff --git a/resources/assets/sass/_lists.scss b/resources/assets/sass/_lists.scss
index 5e3c2e45cbb0ea0d89541baff81f85797bca43b6..3b3afad9dbe7c57241a27d84fd9ec3acdced0766 100644 (file)
--- a/resources/assets/sass/_lists.scss
+++ b/resources/assets/sass/_lists.scss
@@ -170,6 +170,7 @@
     .content {
       padding-top: $-xs;
       padding-bottom: $-xs;
+      max-width: calc(100% - 20px);
     }
   }
   .entity-list-item.no-hover {