word break when too long in tooltip

klippa-app · Sep 24, 2024 · 05784ed · 05784ed
1 parent 076b387
commit 05784ed
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/projects/demo/src/app/demo/demo.component.html b/projects/demo/src/app/demo/demo.component.html
@@ -75,7 +75,7 @@
  </div>
  </div>
 
- <klp-form-button klpWithTooltip="whiteOnBlack" tooltipText="Shalalalalala">
+ <klp-form-button klpWithTooltip="whiteOnBlack" tooltipText="ShalalalalalaShalalalalalaShalalalalalaShalalalalalaShalalalalalaShalalalalala">
  I am a small piece of text
  </klp-form-button>
 

diff --git a/projects/klippa/ngx-enhancy-forms/package.json b/projects/klippa/ngx-enhancy-forms/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@klippa/ngx-enhancy-forms",
- "version": "18.23.3",
+ "version": "18.23.4",
  "publishConfig": {
  "access": "public"
  },

diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/withTooltip.component.ts b/projects/klippa/ngx-enhancy-forms/src/lib/withTooltip.component.ts
@@ -82,6 +82,7 @@ export class WithTooltipDirective {
  this.div.style.padding = '0.3rem 0.5rem';
  this.div.style.boxSizing = 'border-box';
  this.div.style.borderRadius = '3px';
+ this.div.style.wordBreak = 'break-all';
  if (stringIsSetAndFilled(textToDisplay)) {
  this.div.textContent = textToDisplay;
  } else if (this.templateInstance) {