-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
Add token UI concept to Link UI #57755
base: trunk
Are you sure you want to change the base?
Conversation
Size Change: +15 B (0%) Total Size: 1.69 MB
ℹ️ View Unchanged
|
24930d4
to
9f0acdc
Compare
What is this token thing we mention? |
I tried here #50892 (comment) |
So the "token" is the preview box now shown in edit mode? I tested this and it works as described, 👏🏻 and the code looks good. But I won't ✅ since I am not sure @richtabor is this something your current designs include? Does the downside of cluttering vertical space lose to this token idea? Does the token really convey the difference between the types of links? In my testing there is nothing that stood out to me to make me understand one is internal and one is external and one is self updating and one is not ... so not sure what the preview helps with 😄 |
Thanks for your review Andrei 👍 I discussed this a bit with @richtabor and neither of us was totally convinced of having the preview in the edit mode either. Upside is that it's quite a nice transition into edit mode. We are also starting to convey when you are editing a Post vs Static - although it needs refining. Downside is that it occupies even more vertical space which isn't great. I think we should keep this in mind because for work such as #46891 IMHO we do need some way to convey "you have linked to a Post which will automatically update" vs "you have linked to a static URL". Open to suggestions on how the UI / UX could be improved to better convey the concept, or alternatively suggestions for how we can dynamically update a link that is also editable by the user. |
What?
Adds a "token" preview of the currently selected link when the Link UI is in "edit" state.
Part of #50892
Why?
This is a first step towards UX work on the Link UI to make clear when you have link to:
The key difference is that a URL is static and doesn't change underneath you where as an entity is dynamic and it's attributes may change.
For example, let's say you link to "My Sample Post" and the permalink for that is
/my-sample-post
. Next week you rename the Post to "My New Name Post" and also update the slug - the permalink is now/my-new-name-post
.Unfortunately the link you made last week doesn't dynamically update and you have to go back and manually update it.
How?
Testing Instructions
Testing Instructions for Keyboard
Screenshots or screencast
Screen.Capture.on.2024-01-11.at.09-57-14.mp4