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

Update multiselect checkbox styling to better handle both wide(r) tables and tall(er) rows. #1167

Merged
merged 1 commit into from
Mar 22, 2024

Conversation

collincchoy
Copy link
Contributor

@collincchoy collincchoy commented Mar 22, 2024

So it seems like (almost) none of our tables that have selection functionality actually use <p-table>'s underlying multiselect. Instead, their overridden/manually-handled and when I switched over, I noticed some styling issues so the changes I've made should bring the base <p-table> styling to parity with what's overloaded and used in-app.

In particular, notice 2 changes here:

  • The width of the checkbox column should stay small even as the table grows wider
  • As row heights increase, the checkboxes should stay vertically centered
📸
Before image
After image

@collincchoy collincchoy requested a review from a team as a code owner March 22, 2024 21:18
Copy link

netlify bot commented Mar 22, 2024

Deploy Preview for prefect-design ready!

Name Link
🔨 Latest commit b1303a4
🔍 Latest deploy log https://app.netlify.com/sites/prefect-design/deploys/65fdf5bb617abb00086f6843
😎 Deploy Preview https://deploy-preview-1167--prefect-design.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@collincchoy collincchoy merged commit 29709c8 into main Mar 22, 2024
6 checks passed
@collincchoy collincchoy deleted the p-table/multiselect-styling branch March 22, 2024 21:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants