Skip to content
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

Full Site Editing: Minor Site Description Improvements #34141

Closed
gwwar opened this issue Jun 19, 2019 · 10 comments
Closed

Full Site Editing: Minor Site Description Improvements #34141

gwwar opened this issue Jun 19, 2019 · 10 comments

Comments

@gwwar
Copy link
Contributor

gwwar commented Jun 19, 2019

  1. Update "Site Description2" in registration to "Site Description"

Screen Shot 2019-06-19 at 3 14 59 PM

  1. Verify if we need a specific Block Logo here cc @jasmussen

Screen Shot 2019-06-19 at 3 16 25 PM

  1. The save button is meant to be temporary here, but are there any styling suggestions for the PlainText component used in isolation? It does stand out a bit

Screen Shot 2019-06-19 at 3 16 25 PM

  1. Add unsaved changes warning if we attempt to leave without a block save.
@gwwar gwwar added [Goal] Full Site Editing [Type] Task [Status] Needs Design Review Add this when you'd like to get a review / feedback from the Design team on your PR labels Jun 19, 2019
@kwight
Copy link
Contributor

kwight commented Jun 19, 2019

#34096 fixes the typo.

@gwwar gwwar changed the title Full Site Editor: Minor Site Description Improvements Full Site Editing: Minor Site Description Improvements Jun 19, 2019
@jasmussen
Copy link
Member

Thanks for the ping!

Verify if we need a specific Block Logo here

You're referring only to the tagline right? And by tagline, I mean it updates this field, correct?

Screenshot 2019-06-20 at 09 19 33

If it's not that, and it's meant to be a longer description, we can use this icon. If it's actually "tagline", let's use this short text icon:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M4 9h16v2H4V9zm0 4h10v2H4v-2z"/></svg>

The save button is meant to be temporary here, but are there any styling suggestions for the PlainText component used in isolation? It does stand out a bit

The design principles for the block design suggest that when the block is unselected, the tagline should look exactly like it would on the frontend. So whatever theme styles present should bleed in here.

When the block is selected, it's okay for additional UI to be present. I don't feel an actual input field is necessary — it isn't for the Paragraph block.

About the save button — would it work to simply remove it? Or is an explicit save action necessary for this field to be updated? Ideally the contents would autosave as soon as you're done typing, or deselect the block.

@kwight kwight self-assigned this Jun 24, 2019
@kwight
Copy link
Contributor

kwight commented Jun 24, 2019

You're referring only to the tagline right? And by tagline, I mean it updates this field, correct? If it's actually "tagline", let's use this short text icon

Indeed 👍 Fixed:

Screen Shot 2019-06-24 at 12 06 21 PM

The design principles for the block design suggest that when the block is unselected, the tagline should look exactly like it would on the frontend. So whatever theme styles present should bleed in here.

About the save button — would it work to simply remove it? Or is an explicit save action necessary for this field to be updated? Ideally the contents would autosave as soon as you're done typing, or deselect the block.

Saving it means an API call every time, so it would get expensive quickly (Gutenberg has no concept of site options, so individual API calls are our only fetch/updating process at this point).

@glendaviesnz
Copy link
Contributor

When the block is selected, it's okay for additional UI to be present. I don't feel an actual input field is necessary — it isn't for the Paragraph block.

Suggested fix for this in #34256

@jasmussen
Copy link
Member

Saving it means an API call every time, so it would get expensive quickly (Gutenberg has no concept of site options, so individual API calls are our only fetch/updating process at this point).

Gotcha. If you forget to hit the save button, will any changes you made still be saved when you publish or update the post/page?

In absence of that, I would try and emulate the existing design pattern that exists for Reusable Blocks, so at least it's the same UI.

@kwight
Copy link
Contributor

kwight commented Jun 25, 2019

Gotcha. If you forget to hit the save button, will any changes you made still be saved when you publish or update the post/page?

No – I don't believe we have a mechanism for that, since Gutenberg itself is unaware of site options, or anything not saved within post content. Am I getting that right, @gwwar ? I think I've been assuming that that's an acceptable risk at this point; no-one will lose paragraphs of writing (or maybe I'm underestimating the user's perception of the flow?).

@gwwar
Copy link
Contributor Author

gwwar commented Jun 25, 2019

@glendaviesnz is currently looking for options to allow for using the single save button for both post_content and outside sources like site options. This save button per block is temporary until we have that in place. (ie we won't ship this to customers)

For what we have currently I don't believe any loss will occur. The unsaved warnings hook should fire as expected.

@jasmussen
Copy link
Member

To clarify, even if there was some loss, I don't think it would be the end of the world. Just thinking a bit ahead here, on how we can move in the best long term direction. All sounds good.

glendaviesnz added a commit that referenced this issue Jun 27, 2019
Removes the box shadow from the site title and description block so they look like paragraph blocks when focused. Change suggested in feedback at #34141
@glendaviesnz
Copy link
Contributor

  1. Add unsaved changes warning if we attempt to leave without a block save.

With the decision to remove the save buttons and use temporary attribute updates instead the remaining point above should be covered by #34287 - this change will cause the editor content to be flagged as dirty so the normal prompt to save mechanisms should kick in.

@glendaviesnz
Copy link
Contributor

Add unsaved changes warning if we attempt to leave without a block save.

Have confirmed that #34350 resolves the above as the standard editor unsaved changes prompts now kick in.

I am pretty sure everything in this issue is covered now so going to close.

@matticbot matticbot removed the [Status] Needs Design Review Add this when you'd like to get a review / feedback from the Design team on your PR label Jun 28, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants