fix(ui): prevent highlight panel UI breaks with long content or formatting

This commit is contained in:
Gigi
2025-10-09 21:27:08 +01:00
parent 6548e89c54
commit a31f05d498

View File

@@ -1539,6 +1539,9 @@ body {
display: flex; display: flex;
gap: 0.75rem; gap: 0.75rem;
transition: border-color 0.2s ease; transition: border-color 0.2s ease;
overflow: hidden;
word-wrap: break-word;
overflow-wrap: break-word;
} }
.highlight-item:hover { .highlight-item:hover {
@@ -1614,6 +1617,8 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.75rem; gap: 0.75rem;
min-width: 0;
overflow: hidden;
} }
.highlight-text { .highlight-text {
@@ -1624,6 +1629,9 @@ body {
line-height: 1.6; line-height: 1.6;
border-left: none; border-left: none;
font-size: 0.95rem; font-size: 0.95rem;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
} }
.highlight-comment { .highlight-comment {
@@ -1635,6 +1643,9 @@ body {
font-size: 0.875rem; font-size: 0.875rem;
color: #ddd; color: #ddd;
line-height: 1.5; line-height: 1.5;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
} }