This is an automated email from the ASF dual-hosted git repository.
fantonangeli pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-kie-tools.git
The following commit(s) were added to refs/heads/main by this push:
new b905936dec6 kie-issues#1281: The Timeline goes to the bottom with long
endpoints in WorkflowInstance page (#2563)
b905936dec6 is described below
commit b905936dec64f8e08fbd908a4af9bd051b50bb16
Author: Kumar Aditya Raj <[email protected]>
AuthorDate: Fri Oct 11 15:01:50 2024 +0530
kie-issues#1281: The Timeline goes to the bottom with long endpoints in
WorkflowInstance page (#2563)
---
.../src/common/components/EndpointLink/EndpointLink.tsx | 6 +++++-
.../envelope/components/WorkflowDetails/WorkflowDetails.tsx | 6 ++++--
2 files changed, 9 insertions(+), 3 deletions(-)
diff --git
a/packages/runtime-tools-components/src/common/components/EndpointLink/EndpointLink.tsx
b/packages/runtime-tools-components/src/common/components/EndpointLink/EndpointLink.tsx
index 61eb379306a..8fae6351782 100644
---
a/packages/runtime-tools-components/src/common/components/EndpointLink/EndpointLink.tsx
+++
b/packages/runtime-tools-components/src/common/components/EndpointLink/EndpointLink.tsx
@@ -21,6 +21,7 @@ import React from "react";
import { Button } from "@patternfly/react-core/dist/js/components/Button";
import { ExternalLinkAltIcon } from
"@patternfly/react-icons/dist/js/icons/external-link-alt-icon";
import { componentOuiaProps, OUIAProps } from "../../ouiaTools";
+import { Truncate } from "@patternfly/react-core/dist/js/components/Truncate";
interface IOwnProps {
serviceUrl?: string;
@@ -45,7 +46,10 @@ export const EndpointLink: React.FC<IOwnProps & OUIAProps> =
({
isInline={true}
{...componentOuiaProps(ouiaId, "endpoint-link", ouiaSafe)}
>
- {isLinkShown ? serviceUrl : linkLabel || "Endpoint"}
+ <Truncate
+ content={isLinkShown ? serviceUrl : linkLabel || "Endpoint"}
+ style={{ maxWidth: "90%", minWidth: "0" }}
+ />
{<ExternalLinkAltIcon className="pf-u-ml-xs" />}
</Button>
);
diff --git
a/packages/runtime-tools-swf-enveloped-components/src/workflowDetails/envelope/components/WorkflowDetails/WorkflowDetails.tsx
b/packages/runtime-tools-swf-enveloped-components/src/workflowDetails/envelope/components/WorkflowDetails/WorkflowDetails.tsx
index 1a0364f9e12..be5db3021d4 100644
---
a/packages/runtime-tools-swf-enveloped-components/src/workflowDetails/envelope/components/WorkflowDetails/WorkflowDetails.tsx
+++
b/packages/runtime-tools-swf-enveloped-components/src/workflowDetails/envelope/components/WorkflowDetails/WorkflowDetails.tsx
@@ -50,6 +50,8 @@ import WorkflowDetailsTimelinePanel from
"../WorkflowDetailsTimelinePanel/Workfl
import SwfCombinedEditor from "../SwfCombinedEditor/SwfCombinedEditor";
import { Job, WorkflowInstance, WorkflowInstanceState } from
"@kie-tools/runtime-tools-swf-gateway-api/dist/types";
+const SWFCOMBINEDEDITOR_WIDTH = 1000;
+
interface WorkflowDetailsProps {
isEnvelopeConnectedToChannel: boolean;
driver: WorkflowDetailsDriver;
@@ -218,7 +220,7 @@ const WorkflowDetails: React.FC<WorkflowDetailsProps> = ({
isEnvelopeConnectedTo
return (
<Flex>
<FlexItem>
- <SwfCombinedEditor height={1000} width={1000}
workflowInstance={data} />
+ <SwfCombinedEditor height={1000} width={SWFCOMBINEDEDITOR_WIDTH}
workflowInstance={data} />
</FlexItem>
</Flex>
);
@@ -270,7 +272,7 @@ const WorkflowDetails: React.FC<WorkflowDetailsProps> = ({
isEnvelopeConnectedTo
return (
<Flex direction={{ default: "column" }}>
{renderSwfDiagram()}
- <Flex>
+ <Flex style={{ width: `${SWFCOMBINEDEDITOR_WIDTH}px` }}>
{renderWorkflowDetails()}
{renderWorkflowVariables()}
</Flex>
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
