-
Notifications
You must be signed in to change notification settings - Fork 324
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
ui:add HTML Tool Tip #2601
ui:add HTML Tool Tip #2601
Conversation
Signed-off-by: sharpd <number6labs@gmail.com>
Codecov Report
@@ Coverage Diff @@
## main #2601 +/- ##
=========================================
Coverage 83.30% 83.30%
Complexity 1287 1287
=========================================
Files 243 243
Lines 5935 5935
Branches 279 279
=========================================
Hits 4944 4944
Misses 844 844
Partials 147 147 📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more |
@@ -43,26 +43,37 @@ const Node: React.FC<NodeProps> = ({ node, selectedNode, setSelectedNode }) => { | |||
return '/' | |||
} | |||
|
|||
const addToToolTip = (inputData: GraphNode<MqNode>) => { | |||
// return react fragment |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I don't think you need a comment here.
>{children}</Tooltip> | ||
} | ||
|
||
export default MQTooltip |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this needs a newline to pass our linting setup.
children : ReactElement | ||
} | ||
|
||
//default style thing |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You can also drop this comment.
Signed-off-by: sharpd <number6labs@gmail.com>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for this great contribution @davidsharp7
Great job! Congrats on your first merged pull request in the Marquez project! |
Problem
Currently the Marquez UI compresses dataset/job name under each node if they are over x characters which leads to a sub optimal user experience when browsing nodes on a graph. The current tool tip just displays if the object is a job/dataset and so is not massively helpful.
Closes: #2580
Solution
One-line summary:
Add Tool tip to display basic node details.
Checklist
CHANGELOG.md
(Depending on the change, this may not be necessary)..sql
database schema migration according to Flyway's naming convention (if relevant)