@topconsultnpm/sdkui-react-beta 6.16.87 → 6.16.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -473,7 +473,7 @@ const TMBlogs = (props) => {
|
|
|
473
473
|
}
|
|
474
474
|
}, [blogPosts, focusedBlog, rightClickedOnBackground]);
|
|
475
475
|
const attachmentDetails = (attachments, isSelected) => {
|
|
476
|
-
return _jsx("div", { style: { marginTop: "
|
|
476
|
+
return _jsx("div", { style: { marginTop: "5px", overflow: "hidden" }, children: attachments.map(attachment => {
|
|
477
477
|
return AttachmentElement(attachment, treeFs, draftLatestInfoMap, archivedDocumentMap, dcmtTypeDescriptors, isSelected, searchText, color, setShowDcmtForm, handleFocusedAttachment, setAnchorEl, contextMenuRef);
|
|
478
478
|
}) });
|
|
479
479
|
};
|
|
@@ -544,7 +544,7 @@ const TMBlogs = (props) => {
|
|
|
544
544
|
handleFocusedBlog(blogPost);
|
|
545
545
|
handleFocusedAttachment(undefined);
|
|
546
546
|
};
|
|
547
|
-
return (_jsxs(BlogPostContainer, { className: "blog-post-container", id: id + "-" + uiId + "-" + blogPost.id.toString(), ref: containerRef, "$color": textColor, "$textDecoration": blogPost.isDel ? 'line-through' : 'none', "$backgroundColor": bgColor, "$paddingRight": layoutMode === 'chat' ? '50px' : '10px', "$canNavigate": canNavigate(), onClick: onClickCallback, onDoubleClick: headerClickCallback, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onContextMenu: onContextMenu, children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [(layoutMode !== 'chat' || !isOwnComment) && OwnerInitialsBadge(blogPost), _jsx("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: "wrap", /* overflow: "hidden" */ }, children: [_jsxs("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: [_jsxs("div", { style: {
|
|
547
|
+
return (_jsxs(BlogPostContainer, { className: "blog-post-container", id: id + "-" + uiId + "-" + blogPost.id.toString(), ref: containerRef, "$color": textColor, "$textDecoration": blogPost.isDel ? 'line-through' : 'none', "$backgroundColor": bgColor, "$paddingRight": layoutMode === 'chat' ? isOwnComment ? '50px' : '10px' : '10px', "$canNavigate": canNavigate(), onClick: onClickCallback, onDoubleClick: headerClickCallback, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onContextMenu: onContextMenu, children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [(layoutMode !== 'chat' || !isOwnComment) && OwnerInitialsBadge(blogPost), _jsx("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: "wrap", /* overflow: "hidden" */ }, children: [_jsxs("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: [_jsxs("div", { style: {
|
|
548
548
|
fontWeight: "bold",
|
|
549
549
|
fontSize: '1rem',
|
|
550
550
|
display: "flex",
|
|
@@ -592,7 +592,8 @@ const TMBlogs = (props) => {
|
|
|
592
592
|
maxWidth: "65px",
|
|
593
593
|
overflow: 'hidden',
|
|
594
594
|
textOverflow: 'ellipsis',
|
|
595
|
-
transform: layoutMode === 'chat' ? 'translate(45px, 0px)' : undefined
|
|
595
|
+
// transform: layoutMode === 'chat' ? 'translate(45px, 0px)' : undefined
|
|
596
|
+
transform: layoutMode === 'chat' ? 'translate(5px, -5px)' : undefined
|
|
596
597
|
}, children: SDKUI_Localizator.New }))] }), _jsxs("div", { style: {
|
|
597
598
|
fontSize: 'calc(1rem - 1px)',
|
|
598
599
|
color: isSelected ? "#fff" : !blogPost.isSys ? TMColors.primary : colors.RED
|
|
@@ -162,13 +162,14 @@ export const AttachmentElement = (attachment, treeFs, draftLatestInfoMap, archiv
|
|
|
162
162
|
};
|
|
163
163
|
return _jsx("div", { onDoubleClick: onDoubleClick, onContextMenu: onContextMenu, style: {
|
|
164
164
|
display: 'inline-flex',
|
|
165
|
-
padding: '8px
|
|
165
|
+
padding: '4px 8px',
|
|
166
166
|
margin: '4px',
|
|
167
167
|
border: '1px solid #ddd',
|
|
168
168
|
borderRadius: '8px',
|
|
169
169
|
boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)',
|
|
170
170
|
backgroundColor: isSelected ? color : colors.WHITE,
|
|
171
|
-
cursor: "pointer"
|
|
171
|
+
cursor: "pointer",
|
|
172
|
+
fontSize: '0.9rem'
|
|
172
173
|
}, onMouseEnter: (e) => {
|
|
173
174
|
e.currentTarget.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.15)';
|
|
174
175
|
e.currentTarget.style.backgroundColor = isSelected ? lightenColor(color, 40) : '#cfcfcf';
|