Move Unsaved Changes Notice to Sidebar

[adrianjean]

Current Behaviour:

• When modifying an entry, a notice that changes you have made are unsaved appears while editing. This causes the page that you are editing to jump down as the new DIV is added to the main content panel.
• The jump moves form elements down enough that users have to scroll a bit, or quickly reorient. If the edit or editor is trying to make quick changes, this jump is distracting.

Idea For Discussion:

• Move the Unsaved changes notice to the sidebar.
• This ensures the content doesn't jump, and retains the importance of the notice as it related to the entry.

Temporary Solution:

• For now I am just using the "Control Panel CSS" plugin to inject override CSS to move the notice out of the Content pane so it doesn't jump the page.

#content-notice {
    position: absolute;
    background: #fff;
    z-index: 999;
    right: 20px;
    top: -60px;
    transform: scale(.8);
    padding: 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
}

[thupsi]

Hey, I'm doing something very similar with the Control Panel CSS too!

IIRC the new Craft 6 UI, announced at the latest Dot All, will have all versioning notices/info in the sidebar, so we have to be a little patient. 🙂