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

fix(datagrid): show full border when detail pane is open #449

Merged
merged 1 commit into from Jan 10, 2023

Conversation

kevinbuhmann
Copy link
Member

This fixes a regression that was introduced in #302.

PR Checklist

  • [N/A] Tests for the changes have been added (for bug fixes / features)
  • [N/A] Docs have been added / updated (for bug fixes / features)
  • [N/A] If applicable, have a visual design approval

PR Type

Bugfix

What is the current behavior?

The border between the column and the detail pane does not extend to the placeholder element below the rows.

image

What is the new behavior?

The border between the column and the detail pane extends to the placeholder element below the rows.

image

Does this PR introduce a breaking change?

No.

@github-actions
Copy link
Contributor

github-actions bot commented Jan 6, 2023

👋 @kevinbuhmann,

  • 🙏 The Clarity team thanks you for opening a pull request
  • 🎉 The build for this PR has succeeded
  • 🔍 The PR is now ready for review
  • 🍿 In the meantime, checkout out a preview of this PR
  • 🖐 You can always follow up here. If you're a VMware employee, you can also reach us on our internal #clarity-support Slack channel

Thank you,

🤖 Clarity Release Bot

The `display: block` was interfering with the flex styles that make
the placeholder element below the rows take up the remaining vertical
space. This cased the border between the rows and the detail pane not
to extend past the rows.

This fixes a regression that was introduced in 086f45b.
@bbogdanov
Copy link
Contributor

bbogdanov commented Jan 6, 2023

The issue with this solution will come when you have a very long text without spaces. Usually such text is very long uuid separated by dashes inside the first column.

@kevinbuhmann
Copy link
Member Author

kevinbuhmann commented Jan 6, 2023

The issue with this solution will come when you have a very long text without spaces. Usually such text is very long uuid separated by dashes inside the first column.

I'll double check, but that was one of my test cases. I think it worked the same as before. Except for the border fix, of course.

@kevinbuhmann
Copy link
Member Author

@bbogdanov, this looks correct to me. The "arrow" on the row and the column filter button are still visible. Let me know if I missed something.

image

@bbogdanov
Copy link
Contributor

@bbogdanov, this looks correct to me. The "arrow" on the row and the column filter button are still visible. Let me know if I missed something.

image

Especially in VMC there is a lot of push back about this from users not being able to see the entire data of the column. Maybe some if there is a way to set break-all regarding of the text having a space could be the final solution.

@kevinbuhmann
Copy link
Member Author

Especially in VMC there is a lot of push back about this from users not being able to see the entire data of the column. Maybe some if there is a way to set break-all regarding of the text having a space could be the final solution.

That's a separate issue because the current behavior it to cut off non-breaking text.

@kevinbuhmann kevinbuhmann merged commit 3540ec1 into main Jan 10, 2023
@kevinbuhmann kevinbuhmann deleted the kevin/datagrid-detail-border branch January 10, 2023 15:43
@github-actions
Copy link
Contributor

🎉 This PR is included in version 13.11.2 🎉

The release is available on:

Your semantic-release bot 📦🚀

@github-actions
Copy link
Contributor

🎉 This PR is included in version 15.0.0-beta.4 🎉

The release is available on:

Your semantic-release bot 📦🚀

@github-actions
Copy link
Contributor

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed PRs after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.

@github-actions github-actions bot locked and limited conversation to collaborators Jan 25, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants