@topconsultnpm/sdkui-react-beta 6.13.70 → 6.13.72
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.
|
@@ -472,6 +472,7 @@ const TMBlogs = (props) => {
|
|
|
472
472
|
const onContextMenu = (e) => {
|
|
473
473
|
e.preventDefault();
|
|
474
474
|
setAnchorEl(e.currentTarget);
|
|
475
|
+
handleFocusedBlog(blogPost);
|
|
475
476
|
handleFocusedAttachment(undefined);
|
|
476
477
|
};
|
|
477
478
|
return (_jsxs(BlogPostContainer, { id: id + "-" + blogPost.id.toString(), ref: containerRef, "$color": textColor, "$textDecoration": blogPost.isDel ? 'line-through' : 'none', "$backgroundColor": bgColor, "$isNew": Boolean(blogPost.newPosts ?? 0) || isNew, "$canNavigate": canNavigate(), onClick: onClickCallback, onDoubleClick: headerClickCallback, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onContextMenu: onContextMenu, children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [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", { children: [_jsxs("div", { style: { fontWeight: "bold", fontSize: '1rem', display: "flex", alignItems: "center" }, children: [(showIconHeader && (blogPost.header && blogPost.classID))
|
|
@@ -37,6 +37,12 @@ export const BlogPostContainer = styled.div `
|
|
|
37
37
|
word-wrap: break-word;
|
|
38
38
|
white-space: pre-wrap;
|
|
39
39
|
font-weight: ${(props) => (props.$isNew ? 'bold' : 'normal')};
|
|
40
|
+
&:hover {
|
|
41
|
+
box-shadow: 0 4px 12px rgba(19, 85, 150, 0.6);
|
|
42
|
+
transition:
|
|
43
|
+
box-shadow 0.3s ease,
|
|
44
|
+
transform 0.3s ease;
|
|
45
|
+
};
|
|
40
46
|
&:focus {
|
|
41
47
|
outline: none;
|
|
42
48
|
}
|
|
@@ -231,7 +237,7 @@ export const OwnerInitialsBadge = (blogPost) => {
|
|
|
231
237
|
export const IconAndHeaderElement = (blogPost, iconColor, isSelected, headerClickCallback, searchText) => {
|
|
232
238
|
return _jsxs("span", { style: { marginLeft: "5px", cursor: blogPost.classID === 'WG' ? "pointer" : "default", display: "inline-flex", alignItems: "center" }, onClick: headerClickCallback, children: [_jsx(TMTooltip, { content: blogPost.classID === 'DS' ? SDKUI_Localizator.Practice : SDKUI_Localizator.WorkGroup, children: blogPost.classID === "DS" ? (_jsx(IconWorkspace, { color: iconColor })) : (_jsx(IconUserGroup, { color: iconColor })) }), _jsx("span", { style: {
|
|
233
239
|
marginLeft: "5px",
|
|
234
|
-
textDecoration: blogPost.classID === "WG" ? "underline" : "none",
|
|
240
|
+
// textDecoration: (blogPost as HomeBlogPost).classID === "WG" ? "underline" : "none",
|
|
235
241
|
cursor: blogPost.classID === "WG" ? "pointer" : "default",
|
|
236
242
|
color: isSelected
|
|
237
243
|
? "#fff"
|