-
Notifications
You must be signed in to change notification settings - Fork 3
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
base: main
Are you sure you want to change the base?
feat(ui): truncating certain table cells #364
Conversation
…-that-need-to-be-truncated
…-that-need-to-be-truncated
…-that-need-to-be-truncated
…-that-need-to-be-truncated
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 |
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.
Can we make these values dynamic instead of hardcoded?
…-that-need-to-be-truncated
@@ -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%"> |
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.
is there a class that sets 100% width so we don't use style?
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.
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
…-that-need-to-be-truncated
Description
Add sizing to all tables that have cells that need to be truncated so that the other columns are properly sized
Related Issue
Screenshots