Skip to content

[5.x]: UI and layout issues with cp header and sidebar #14900

@mlathrom

Description

@mlathrom

What happened?

Description

I think the layout of the header and sidebar on control panel pages could be cleaner. There are also some spacing inconsistencies in at different breakpoints.

Expected behavior

  • Clean layout at all resolutions
  • Skip to Entries button should remain in sidebar element
  • Toolbar should always line up with main content

Actual behavior

  • "Skip to Entries" button is out of the sidebar on mobile
  • Toolbar, action buttons, and show sidebar interface is a bit clunky in it's layout
  • The toolbar doesn't line up with the main content in tablet resolution

Mobile Layout

Lots of vertical space used.

mobile-layout

Mobile Layout

Skip to entries button out of sidebar container.

mobile

Tablet layout

Toolbar is not aligned with main content. Strange spacing.

tablet

Desktop Layout

Odd spacing for Skip to Entries button

desktop

Craft CMS version

5.05

PHP version

8.2

Operating system and version

No response

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions