Merge pull request #175 from krostas1983/master

Fix for issue #165. Adds flex-wrap: wrap property to node-tree in custom.css to prevent overflowing content.
donhinkelman · Oct 30, 2023 · cdf964e · cdf964e
2 parents 6d1ddfb + 4e0e078
commit cdf964e
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/custom.css b/custom.css
@@ -1,5 +1,10 @@
 /* SHARING CART TREE START */
 
+.block_sharing_cart div.card-text ul.tree {
+    display: flex;
+    flex-wrap: wrap;
+}
+
 .block_sharing_cart div.card-text ul.tree li:hover {
     background-color: rgba(0, 0, 0, .03);
 }
@@ -32,8 +37,10 @@
 .block_sharing_cart ul.tree li > div .instancename,
 .block_sharing_cart ul.tree li > div .instancename .no-overflow p {
     text-overflow: ellipsis;
-    white-space: nowrap;
+    text-align: start;
+    white-space: wrap;
     overflow: hidden;
+    overflow-wrap: anywhere;
     display: inline-block;
     margin: 2px 0 auto 0;
     width: 100%;