Live Edit Page V2

[alohaas]

Proposed Improvements:

• Reorder IA metadata fields
• Update button styles
• Remove 'live' fields and set the value of the 'editable' fields to the 'live' value
• Refactor the edit/done workflow
• Adjust styles to make the page more readable
• Differentiate 'name' and 'dev_milestones' at the top of the page

Screenshot: Basic state

Screenshot: Title text hover & focus state

Screenshot: Edited state - edited fields appear $gold. Description textarea also shows the hover state for edited inputs.

[abeyang]

Looks good -- much better than what it was like before! 👍

[MariagraziaAlastra]

Hey @alohaas, I've been playing a bit with this and it looks really good!
Probably not going to be deployed on monday because I want to test it a bit better, but I'm quite sure it'll be released by the end of next week. :)

[alohaas]

@MariagraziaAlastra Thanks! Let me know if you need anything else :)

[MariagraziaAlastra]

@alohaas Apologies for my late reply!
Anyway I was testing your PR a little bit more in depth and I noticed that after I save my changes and I reload the page (and click again on the edit button) I don't see them anymore. I just see the live value for every field, even though if I go to the commit page I can see that my changes were saved.

Would it be possible to display the edited values when you reload the page as well, and maybe highlight them too?
No rush though!

[alohaas]

Hmm, I thought I did that, but maybe I never committed the changes!
Let me look into it @MariagraziaAlastra

[MariagraziaAlastra]

Thanks @alohaas!

[russellholt]

would be nice to get this one done.

[alohaas]

I can put this on the list for this week.