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 */
|
||||
max-width: 600px;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
word-break: break-word;
|
||||
overflow-wrap: break-word;
|
||||
border-radius: 0.375rem;
|
||||
padding: 0.5rem 0.75rem;
|
||||
font-size: 0.75rem; /* 12px */
|
||||
|
|
@ -116,7 +117,8 @@ const pulseStyle = `
|
|||
|
||||
.tooltip pre {
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
word-break: break-word;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
/* Position tooltip helper class */
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue