-
Notifications
You must be signed in to change notification settings - Fork 5.8k
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
[Dashboard] Actor Table UI Optimize #26785
Conversation
…"" This reverts commit e542899.
Conflicts: dashboard/client/src/type/actor.ts
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.
Thanks! mostly lgtm. One small change.
import copy from "copy-to-clipboard"; | ||
import React, { useState } from "react"; | ||
|
||
const CopyableCollapse: React.FC<{ |
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.
seems like this could be handled by pure css instead.
display: block
text-overflow: ellipsis
text-wrap: nowrap
overflow: hidden
width: 50px
You can see an example here (see idCol css class):
<Link to={`/node/${raylet.nodeId}`} className={classes.idCol}> |
This css rule will cut off the text after 50px but if a user selects it and copies it, it will copy the entire string.
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.
Make sense!
@alanwguo Take a look again or approve? |
@@ -210,17 +194,28 @@ const ActorTable = ({ | |||
} | |||
key={actorId} | |||
> | |||
<TableCell align="center"> | |||
{/* <div className={classes.idCol}>{actorId}</div> */} |
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.
left this comment in by accident?
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.
I forgot to delete, thx.
|
Co-authored-by: 多牧 <[email protected]> Signed-off-by: Rohan138 <[email protected]>
Co-authored-by: 多牧 <[email protected]> Signed-off-by: Stefan van der Kleij <[email protected]>
Why are these changes needed?
Copy from #16071.
The related PR #15802.