Skip to content
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

Data Grid - Column Headers - Add tooltip on hover #809 #1133

Open
wants to merge 7 commits into
base: main
Choose a base branch
from

Conversation

keskami
Copy link
Contributor

@keskami keskami commented Oct 31, 2023

Description

Adds tooltip to DataGrid header cell

Issues Resolved

Fixes #809

Check List

  • New functionality includes testing.
  • New functionality has been documented.
  • All tests pass
    • yarn lint
    • yarn test-unit
  • Update CHANGELOG.md
  • Commits are signed per the DCO using --signoff

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

For more information on following Developer Certificate of Origin and signing off your commits, please check here.

Signed-off-by: keskami <[email protected]>
@BSFishy BSFishy added the OSCI label Nov 2, 2023
@joshuarrrr
Copy link
Member

@keskami For UI changes like this can you provide some screencasts or screenshots of the before and after behavior of the component? That makes it much quicker for reviewers to understand your intended changes.

@keskami
Copy link
Contributor Author

keskami commented Nov 8, 2023

ok! I'll make sure to do that from now on

@keskami
Copy link
Contributor Author

keskami commented Nov 8, 2023

Before
Screen Shot 2023-11-08 at 10 04 54 AM

@keskami
Copy link
Contributor Author

keskami commented Nov 8, 2023

after
Screen Shot 2023-11-08 at 10 06 05 AM
Screen Shot 2023-11-08 at 10 06 07 AM
Screen Shot 2023-11-08 at 10 06 16 AM

@keskami
Copy link
Contributor Author

keskami commented Nov 8, 2023

Screen Shot 2023-11-08 at 10 07 26 AM Screen Shot 2023-11-08 at 10 07 30 AM Screen Shot 2023-11-08 at 10 07 33 AM Screen Shot 2023-11-08 at 10 07 35 AM Screen Shot 2023-11-08 at 10 07 39 AM

setColumnWidth={setColumnWidth}
/>
) : null}
<OuiToolTip position="top" content={id}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I feel like a InnerText would be a better method to get the contents rather than just using id. Maybe we could otherwise use display || displayAsText || id if using 2 refs is too much of an issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Data Grid - Column Headers - Add tooltip on hover
3 participants