-
-
Notifications
You must be signed in to change notification settings - Fork 146
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 New Nested Layout for Editor Page #1079
Comments
Heelo |
@eliezerjoel |
Unassigned because there was no activity. If It's WIP, let me know. |
Apologies |
@eliezerjoel |
hello @John-Paul-Larkin , i think i can do this, can you assign this to me? |
Thanks @sairiteshdomakuntla |
@John-Paul-Larkin , how do i need to connect my own backend, or you will provide the DB_URL? |
HI @sairiteshdomakuntla, |
Hello @John-Paul-Larkin , sorry I was facing many issues in setting up, you can reassign the issue to some other person |
I'll take this one @John-Paul-Larkin |
Context
As part of "Meta issue : Editor #1022 we need to add a new nested layout for the editor page.
This new layout will be a sticky nav and contain navigation and other things relating specifically to the editor.
Add a sticky navigation bar that includes elements and actions relevant to the editor, such as:
Codu logo (which remains as a home link).
Notifications.
Dark mode toggle.
User icon.
Move the "Publish" button from the editor to the sticky navigation.
Add a status indicator to reflect the save status of the editor:
Note - Check out how this should be implemented in Nialls Figma image in the comment below.
- The status indicator should disappear while the user is typing.- After a short delay once typing stops, a "Saving..." message should appear, possibly accompanied by a loading spinner.
- Once the content is successfully saved, the message should change to "Saved".
Take a look at how medium.com implements their editor nav to get a sense of the user experience and design we're aiming for.
Screenshots
Additional info
The alpha editor can be found at :
app>(app)>alpha>new
Any questions feel free to ask.
The text was updated successfully, but these errors were encountered: