balibabu
commited on
Commit
·
da0feec
1
Parent(s):
79cf51e
fix: the content in the chunk card will overflow #1628 (#1629)
Browse files### What problem does this PR solve?
fix: the content in the chunk card will overflow #1628
### Type of change
- [x] Bug Fix (non-breaking change which fixes an issue)
web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less
CHANGED
|
@@ -17,6 +17,9 @@
|
|
| 17 |
.contentEllipsis {
|
| 18 |
.multipleLineEllipsis(3);
|
| 19 |
}
|
|
|
|
|
|
|
|
|
|
| 20 |
|
| 21 |
.chunkCard {
|
| 22 |
width: 100%;
|
|
|
|
| 17 |
.contentEllipsis {
|
| 18 |
.multipleLineEllipsis(3);
|
| 19 |
}
|
| 20 |
+
.contentText {
|
| 21 |
+
word-break: break-all;
|
| 22 |
+
}
|
| 23 |
|
| 24 |
.chunkCard {
|
| 25 |
width: 100%;
|
web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx
CHANGED
|
@@ -81,7 +81,7 @@ const ChunkCard = ({
|
|
| 81 |
dangerouslySetInnerHTML={{
|
| 82 |
__html: DOMPurify.sanitize(item.content_with_weight),
|
| 83 |
}}
|
| 84 |
-
className={classNames({
|
| 85 |
[styles.contentEllipsis]: textMode === ChunkTextMode.Ellipse,
|
| 86 |
})}
|
| 87 |
></div>
|
|
|
|
| 81 |
dangerouslySetInnerHTML={{
|
| 82 |
__html: DOMPurify.sanitize(item.content_with_weight),
|
| 83 |
}}
|
| 84 |
+
className={classNames(styles.contentText, {
|
| 85 |
[styles.contentEllipsis]: textMode === ChunkTextMode.Ellipse,
|
| 86 |
})}
|
| 87 |
></div>
|