fix: break word for case of long layer title

Flodkvist · Mar 6, 2023 · 5cf0c91 · 5cf0c91
1 parent 27a9827
commit 5cf0c91
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/scss/ui/helpers/_text.scss b/scss/ui/helpers/_text.scss
@@ -202,3 +202,7 @@ $text-fade-background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(25
     height: $text-height-smallest;
   }
 }
+
+.break-word {
+  word-wrap: break-word;
+}
diff --git a/src/controls/legend/overlay.js b/src/controls/legend/overlay.js
@@ -137,7 +137,7 @@ const OverlayLayer = function OverlayLayer(options) {
       });
     },
     render() {
-      const labelCls = 'text-smaller padding-x-small grow pointer no-select overflow-hidden basis-50';
+      const labelCls = 'text-smaller padding-x-small grow pointer no-select overflow-hidden basis-50 break-word';
       return `<div id="${this.getId()}" class="${labelCls}">${title}</div>`;
     }
   });