-
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
Site Editor: Try template drill down on shell sidebar (browse mode) #45100
Conversation
Open in CodeSandbox Web Editor | VS Code | VS Code Insiders |
Size Change: -1.41 kB (0%) Total Size: 1.32 MB
ℹ️ View Unchanged
|
I think the important heuristic to install here is that the active menu item reflects what is visible in the site frame. So there are two options in regards to what happens when you click '< Design':
|
Some additional notes:
|
29227cf
to
3f8377e
Compare
b785af7
to
a4841f2
Compare
I'm pausing work on this until the base branch this depends on settles a bit. It's more dynamic than I thought when prepared this PR. |
d574492
to
c0aba96
Compare
ab23bb7
to
569315c
Compare
64871fa
to
afd0bd0
Compare
949ad26
to
a94be4c
Compare
Good catch the jump appeared when we changed the focus style to 1.5 border, it's now fixed. |
packages/edit-site/src/components/sidebar-navigation-screen-templates/style.scss
Show resolved
Hide resolved
I'm also wondering if we can make switching between templates flash the screen less. Would be cool if we could wait for the template to load, then fade it in or something. Anyway, nit picking here. |
I also have the feeling that we are re-rendering the whole iframe when switching templates. It doesn't feel smooth. |
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 to work well, let's merge and iterate.
that's a good point, it's not really clear how to implement that, I think this maybe the purpose of useTransition in React 18, we'll have to experiment a bit with these APIs once we enable |
@ellatrix yes see #45100 (comment) and #45100 (comment) |
Thanks for your work on this! |
What?
This PR is a follow-up to #44770 that implements navigation for templates. The goal is to have something like this:
221018-site-editor-templates-drill-down.mp4
Why?
To explore how it looks like & find potential issues beforehand while controlling scope and implement one small thing at a time.
How?
It builds on #44770 and:
Testing Instructions
Current state
For some reason, my cursor is not recorded:
Gravacao.de.ecra.a.partir.de.01-12-2022.13.24.40.webm
TODO:
In the interest of rapid iteration, we should probably not group templates in this PR, but in a follow-up.