-
Notifications
You must be signed in to change notification settings - Fork 36
Description: Improved string fields in the table #1566
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
base: develop
Are you sure you want to change the base?
Description: Improved string fields in the table #1566
Conversation
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.
- Update PR to something nice.
- Match the height and border of the rename dialog. Use (https://github.com/ynput/ayon-frontend/blob/fb56760b506484b24fd8a6583fc26a0ab8b1f547/shared/src/components/LinksManager/CellEditingDialog.tsx)
- 500ms feels pretty fast, try 900ms.
- This seems to only work for the description attribute. It should work for all text attributes.
- Only show the preview when the text is overflowing.
- Remove the focus outline when previewing.
| </StyledPopUp> | ||
| </StyledBackdrop> | ||
| ) : ( | ||
| <StyledPopUp |
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.
We already have a component that can deal with overview table dialogs.
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.
- Block global shortcuts when editing with
block-shortcutsclassName. Currently if you type m+m it will jump to the marketplace. - ctrl/cmd + v does not work for pasting.
- ctrl/cmd + a does not work for selecting all. Does ctrl/cmd just not work?
- Try to show all the content preview and editing (height: fit-content) up to a sensible maximum height.
- Hovering does not work if your mouse is on the edge of the cell and not directly over the text, it would work for the whole cell.
- When selected and hovering it is great you can move the mouse over the preview without it closing. The problem is that it gets stuck open. Close the preview when the mouse moves outside of the cell or preview. I have marked the green area of where the preview should stay open, when going outside of the green area the preview should close.
- Bring the initial hover delay down to 600ms.
- Hovering warm state.
When hovering over a cell for the first time, there should be a short delay before the preview appears — that’s expected. However, once the first preview has been triggered, hovering over other cells should show their previews instantly, with no delay.
If the user stops hovering over any cell for around 500ms (or more), the system should reset and apply the initial delay again on the next hover.
In the screen recording below, you can see that the preview is delayed for every hover, which isn’t correct — only the first preview should have a delay.
Let me know if that’s unclear.
Screen.Recording.2025-10-08.at.08.04.16.mov
458460b to
8539b57
Compare
Innders
left a comment
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.
It's starting to feel really useable and useful now!
- Prevent the re-formatting of text when going from preview to editor. The text jumps when clicking the preview to edit. This is probably because there is now a border shifting the content.
- The current min-width of the dialog is good but it should try to fill the width of the column when it can, especially if there is a lot of content.
- Paragraph spacing is not preserved (or not shown). I think this is an issue everywhere.
- When the column height is more then we should display the cell text on multiple lines to make better use of the space.
- Are markdown shortcuts meant to be working because
cmd+Bdoes nothing. (not a priority)
…scription # Conflicts: # shared/src/components/DetailsPanelDetails/DescriptionSection.styles.ts
8539b57 to
082cfd0
Compare
Description of changes
Adds markdown support to the description field with improved preview and editing UX.
Key Features
Markdown Editing (Shortcuts)
There’s no dedicated markdown action tab; manage formatting via keyboard shortcuts:
How to Test
Notes
Screen.Recording.2025-10-06.at.16.01.34.mov
Screen.Recording.2025-10-06.at.16.02.00.mov