This is an automated email from the ASF dual-hosted git repository.
marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git
The following commit(s) were added to refs/heads/main by this push:
new f37ee9de #856 - Component picker - Show full description in tooltip or
something (#1300)
f37ee9de is described below
commit f37ee9deec9ec9a22fc1c917c7b4a901ce6cec2a
Author: vijay31 <bharwani.vi...@gmail.com>
AuthorDate: Wed May 29 19:07:25 2024 +0530
#856 - Component picker - Show full description in tooltip or something
(#1300)
Added Tooltip to show description.
Co-authored-by: Vijay Bharwani <>
---
karavan-app/src/main/webui/src/designer/selector/DslCard.tsx | 6 +++++-
karavan-designer/src/designer/selector/DslCard.tsx | 6 +++++-
karavan-space/src/designer/selector/DslCard.tsx | 6 +++++-
3 files changed, 15 insertions(+), 3 deletions(-)
diff --git a/karavan-app/src/main/webui/src/designer/selector/DslCard.tsx
b/karavan-app/src/main/webui/src/designer/selector/DslCard.tsx
index 1e0b9a3f..2fc56086 100644
--- a/karavan-app/src/main/webui/src/designer/selector/DslCard.tsx
+++ b/karavan-app/src/main/webui/src/designer/selector/DslCard.tsx
@@ -20,6 +20,8 @@ import {
Card, CardBody, CardFooter,
CardHeader,
Text,
+ Tooltip,
+ TooltipPosition,
} from '@patternfly/react-core';
import './DslSelector.css';
import {CamelUi} from "../utils/CamelUi";
@@ -57,7 +59,9 @@ export function DslCard (props: Props) {
</CardHeader>
<CardBody>
{/*<Text>{dsl.description}</Text>*/}
- <Text className="pf-v5-u-color-200">{dsl.description}</Text>
+ <Tooltip content={dsl.description}
position={TooltipPosition.bottom}>
+ <Text
className="pf-v5-u-color-200">{dsl.description}</Text>
+ </Tooltip>
</CardBody>
<CardFooter className="footer-labels">
<div style={{display: "flex", flexDirection: "row",
justifyContent: "start"}}>
diff --git a/karavan-designer/src/designer/selector/DslCard.tsx
b/karavan-designer/src/designer/selector/DslCard.tsx
index 1e0b9a3f..2fc56086 100644
--- a/karavan-designer/src/designer/selector/DslCard.tsx
+++ b/karavan-designer/src/designer/selector/DslCard.tsx
@@ -20,6 +20,8 @@ import {
Card, CardBody, CardFooter,
CardHeader,
Text,
+ Tooltip,
+ TooltipPosition,
} from '@patternfly/react-core';
import './DslSelector.css';
import {CamelUi} from "../utils/CamelUi";
@@ -57,7 +59,9 @@ export function DslCard (props: Props) {
</CardHeader>
<CardBody>
{/*<Text>{dsl.description}</Text>*/}
- <Text className="pf-v5-u-color-200">{dsl.description}</Text>
+ <Tooltip content={dsl.description}
position={TooltipPosition.bottom}>
+ <Text
className="pf-v5-u-color-200">{dsl.description}</Text>
+ </Tooltip>
</CardBody>
<CardFooter className="footer-labels">
<div style={{display: "flex", flexDirection: "row",
justifyContent: "start"}}>
diff --git a/karavan-space/src/designer/selector/DslCard.tsx
b/karavan-space/src/designer/selector/DslCard.tsx
index 1e0b9a3f..2fc56086 100644
--- a/karavan-space/src/designer/selector/DslCard.tsx
+++ b/karavan-space/src/designer/selector/DslCard.tsx
@@ -20,6 +20,8 @@ import {
Card, CardBody, CardFooter,
CardHeader,
Text,
+ Tooltip,
+ TooltipPosition,
} from '@patternfly/react-core';
import './DslSelector.css';
import {CamelUi} from "../utils/CamelUi";
@@ -57,7 +59,9 @@ export function DslCard (props: Props) {
</CardHeader>
<CardBody>
{/*<Text>{dsl.description}</Text>*/}
- <Text className="pf-v5-u-color-200">{dsl.description}</Text>
+ <Tooltip content={dsl.description}
position={TooltipPosition.bottom}>
+ <Text
className="pf-v5-u-color-200">{dsl.description}</Text>
+ </Tooltip>
</CardBody>
<CardFooter className="footer-labels">
<div style={{display: "flex", flexDirection: "row",
justifyContent: "start"}}>
