Drupal has kept the same page structure over the years. It is basically framed in a top header section plus the rest of the content of the page. We need a modern and flexible layout structure in Drupal’s admin UI.

Proposed resolution

This aims to redesign the general layout for the admin interface to improve its usability. To reach all the capabilities we may also aim to reorganize several existing regions of the administration interface. So this changes will need to happen in several phases.

Phase 1: Research and design (we're here)

This phase will define which elements need to be changed and deliver designs to be implemented.

Phase 2: Implementation

This phase will need to be divided and planned to avoid collisions between work. Some of its child issues will be:

User interface changes

To be defined.

CommentFileSizeAuthor
#13 gin-node.png204.75 KBckrina
#13 right-sidebar.png128.93 KBckrina
#13 gin-content.png116.2 KBckrina
#13 step2-content.png67.29 KBckrina
#13 step2-node.png139.25 KBckrina

Comments

ckrina created an issue. See original summary.

huzooka’s picture

huzooka
Primary language Hungarian
Location Hungary 🇭🇺🇪🇺
commented
Project: Claro » Drupal core
Version: 8.x-1.x-dev » 8.9.x-dev
Component: Needs design » Claro theme
ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented
Related issues: +#3096358: Claro layout on really wide screens/viewports causes uncomfortable text line length, +#3092296: Improve email address field description at /user/register
ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented
Issue tags: +Needs design

Version: 8.9.x-dev » 9.1.x-dev

Drupal 8.9.0-beta1 was released on March 20, 2020. 8.9.x is the final, long-term support (LTS) minor release of Drupal 8, which means new developments and disruptive changes should now be targeted against the 9.1.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

effulgentsia’s picture

effulgentsia commented

If we end up committing something that only applies a max-width to the main column of the node form in #3158854: Node form: address chasm between main form and meta, then perhaps in this issue, we can figure out what other content editing UIs should also have a max width (or perhaps all admin UIs should)?

As an example, it's probably content editors who create webforms, and so it might be jarring for the node form to have a max width, but the webform creation UI not to.

lauriii’s picture

lauriii
he/him
Primary language Finnish
Location Finland
commented

@effulgentsia Good point! #3083176: Make sidebar region available in main page template is an issue that specifically tries to make the current node form layout a reusable pattern, and currently is marked as a stable blocker

Version: 9.1.x-dev » 9.2.x-dev

Drupal 9.1.0-alpha1 will be released the week of October 19, 2020, which means new developments and disruptive changes should now be targeted for the 9.2.x-dev branch. For more information see the Drupal 9 minor version schedule and the Allowed changes during the Drupal 9 release cycle.

Version: 9.2.x-dev » 9.3.x-dev

Drupal 9.2.0-alpha1 will be released the week of May 3, 2021, which means new developments and disruptive changes should now be targeted for the 9.3.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.0-rc1 was released on November 26, 2021, which means new developments and disruptive changes should now be targeted for the 9.4.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented
Related issues: +#3184667: Node form layout looks awkward on wide screens since #3158854
ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented
Title: Layout redesign » [META] Layout redesign
Related issues: +#3164587: Text resize on wide screen layout also causes reflow to single column, making the layout too wide
ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented
Issue summary: View changes
StatusFileSize
new step2-node.png139.25 KB
new step2-content.png67.29 KB
new gin-content.png116.2 KB
new right-sidebar.png128.93 KB
new gin-node.png204.75 KB

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.0-alpha1 was released on May 6, 2022, which means new developments and disruptive changes should now be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented
Issue summary: View changes

Version: 9.5.x-dev » 10.1.x-dev

Drupal 9.5.0-beta2 and Drupal 10.0.0-beta2 were released on September 29, 2022, which means new developments and disruptive changes should now be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented
Status: Postponed » Active

Marking this as active since we'll need to start working on this ASAP so smooth the path for important UI features.

ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented
Issue summary: View changes
Related issues:

Refactoring the issue summary with a more realistic state of the work.

ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented
Issue summary: View changes

Correct text and hide outdated files.

Version: 10.1.x-dev » 11.x-dev

Drupal core is moving towards using a “main” branch. As an interim step, a new 11.x branch has been opened, as Drupal.org infrastructure cannot currently fully support a branch named main. New developments and disruptive changes should now be targeted for the 11.x branch, which currently accepts only minor-version allowed changes. For more information, see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

ckrina credited jponch.

ckrina credited jwitkowski79.

ckrina credited saschaeggi.

ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented

Currently working on this with @jponch, @jwitkowski79 and @saschaeggi. Adding credits for the ones involved so far.

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.