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

feat(ui): truncating certain table cells #364

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

Conversation

BillyFigueroa
Copy link
Contributor

@BillyFigueroa BillyFigueroa commented Sep 20, 2024

Description

Add sizing to all tables that have cells that need to be truncated so that the other columns are properly sized

  • ConfigMaps
  • Secrets

Related Issue

Screenshots

Screenshot 2024-09-20 at 10 28 40 AM Screenshot 2024-09-20 at 10 28 51 AM Screenshot 2024-09-20 at 10 29 32 AM

@BillyFigueroa BillyFigueroa self-assigned this Sep 20, 2024
@UncleGedd
Copy link
Contributor

Is there a reason why we only truncate certain resources (configmaps and secrets in this case)?

xOffset = event.pageX - tooltipOffset
yOffset = event.pageY - 110
yOffset = event.pageY - 75
Copy link
Contributor

Choose a reason for hiding this comment

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

Can we make these values dynamic instead of hardcoded?

@@ -296,7 +296,7 @@
</button>
{:else if style?.includes('truncate')}
<Tooltip title={value}>
<div class={`w-full ${style}`}>
<div class={`w-full ${style}`} style:width="100%">

Choose a reason for hiding this comment

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

is there a class that sets 100% width so we don't use style?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

is there a class that sets 100% width so we don't use style?

w-full right above. I ll remove it. I was switching between dynamic style and the classes. FYI, this PR is on hold. Jeff and Gedd want to figure out if we can do this with no JS and use a CSS only tooltip option. Using a table here complicates layout manipulation with how tables determine widths

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.

Add sizing to all tables that have cells that need to be truncated
3 participants