Fix tooltip text wrapping to preserve word boundaries
• Change break-all to break-word • Add overflow-wrap: break-word • Apply to tooltip and pre elements
This commit is contained in:
parent
dac156ac8e
commit
13681a185f
1 changed files with 4 additions and 2 deletions
|
|
@ -91,7 +91,8 @@ const pulseStyle = `
|
||||||
z-index: 9999; /* Ensure tooltip appears above all other elements */
|
z-index: 9999; /* Ensure tooltip appears above all other elements */
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
word-break: break-all;
|
word-break: break-word;
|
||||||
|
overflow-wrap: break-word;
|
||||||
border-radius: 0.375rem;
|
border-radius: 0.375rem;
|
||||||
padding: 0.5rem 0.75rem;
|
padding: 0.5rem 0.75rem;
|
||||||
font-size: 0.75rem; /* 12px */
|
font-size: 0.75rem; /* 12px */
|
||||||
|
|
@ -116,7 +117,8 @@ const pulseStyle = `
|
||||||
|
|
||||||
.tooltip pre {
|
.tooltip pre {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
word-break: break-all;
|
word-break: break-word;
|
||||||
|
overflow-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Position tooltip helper class */
|
/* Position tooltip helper class */
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue