Design review: update.php & "Task List" styling

[jenlampton]

Is the current look / feel for the updater what we want?

The task list shown in the sidebar during the installer does not match the rest of Seven, both in iconography and color scheme. We should update it to match.

From #2804, which I am closing as dupe

---

PR by @jenlampton: backdrop/backdrop#1987
PR by @quicksketch: backdrop/backdrop#1989

[docwilmot]

Actually, now that youve mentioned it, this particular page Ive not liked; the indentation seems too much. And there's no lead in to the numbered items, like "before you continue, do these things:"

[klonos]

I might like it better with the "continue" button to the right because it feels more natural or I guess that's what I'm used to form "next" type buttons. I don't mind the way it is now though.

@jenlampton Are you referring to the overall design of this page? I think it is the same as the installer. Right?

[Dinornis]

• Move the steps from the left column to the top
• Change the indentation of the list
• Provide links to referred pages (maintenance etc.)
• Include a Cancel button

[klonos]

Re: the 2nd item ("Put your site into maintenance mode"), we are doing such a better job in the project installer with the checkbox to do just that without disrupting the task at hand:

It would be perfect if we could add links/buttons to the tasks of creating a db dump and backing up the system, that when clicked download a .zip file of these things. In fact, this is how this should ideally work:

1. There would be a separate "Backup" task that's added to the steps between "Verify" requirements and "Overview".
2. That page would have two checked by default checkboxes: one "Make a backup of the current database" and a second "Make a backup of the config files".
3. There would be two buttons: one "Skip backup" (gray, secondary button) and one "Create backups" (blue, primary button).
4. If the user would select to make backups, there would be a progress bar (if the checkboxes were kept ticked)
5. At the end of the backup process, there would either be a "Backups successfully created" message and a section with two links to download the created backup .zips, or if something went wrong and backups were not created, then a "Backups could not be created. You will have to do that manually" message with instructions or links to documentation.

[jenlampton]

Tagging @quicksketch since I think he was working on this in #2804 for 1.8. Closing that other issue as a duplicate of this one.

[jenlampton]

Feedback from the other issue:

I love the new progress bar, but I don't like the green background in the sidebar. In 1.7 we removed all the light/dark green styling from reports pages, and I'd hate to see it get added back. Can we make the sidebar on the installer match the new reports pages instead of what was replaced? Something like this?