mirror of
https://github.com/infiniflow/ragflow.git
synced 2025-12-23 23:16:58 +08:00
bece37e6c8
### What problem does this PR solve? These changes are intended to implement the remaining functionalities of the fullscreen widget. The question arises: how to display document prieview of PDFs in this floating widget? - simply enlarge the widget window - implement zoom in/out - render outside the iframe? ### Type of change - [x] Bug Fix (non-breaking change which fixes an issue)
58 lines
958 B
Plaintext
58 lines
958 B
Plaintext
/* floating-chat-widget-markdown.less */
|
|
|
|
.widget-citation-popover {
|
|
max-width: 90vw;
|
|
/* Use viewport width for better responsiveness */
|
|
width: max-content;
|
|
|
|
.ant-popover-inner {
|
|
max-height: 400px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.ant-popover-inner-content {
|
|
padding: 12px;
|
|
}
|
|
}
|
|
|
|
/* Responsive breakpoints for popover width */
|
|
@media (min-width: 480px) {
|
|
.widget-citation-popover {
|
|
max-width: 360px;
|
|
}
|
|
}
|
|
|
|
.widget-citation-content {
|
|
|
|
p,
|
|
div,
|
|
span,
|
|
button {
|
|
word-break: break-word;
|
|
overflow-wrap: break-word;
|
|
white-space: normal;
|
|
}
|
|
}
|
|
|
|
.floating-chat-widget {
|
|
|
|
/* General styles for markdown content within the widget */
|
|
p,
|
|
div,
|
|
ul,
|
|
ol,
|
|
blockquote {
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Enhanced image styles */
|
|
img,
|
|
.ant-image,
|
|
.ant-image-img {
|
|
max-width: 100% !important;
|
|
height: auto !important;
|
|
border-radius: 8px;
|
|
margin: 8px 0 !important;
|
|
display: inline-block !important;
|
|
}
|
|
} |