Project

General

Profile

Actions

Feature #43937

closed

Redesign the header with a navigation bar and lighter visual weight

Added by Go MAEDA about 1 month ago. Updated 6 days ago.

Status:
Closed
Priority:
Normal
Assignee:
Category:
UI
Target version:
Resolution:
Fixed

Description

This patch updates the visual design of the default theme header to make it lighter and better balanced.

The current header feels visually heavy because the main menu is tightly coupled with the primary blue header area. This makes the header look larger than necessary and gives it a dated impression.

This patch addresses that by giving the main menu its own background color and presenting it as a bar-style navigation area, rather than leaving it visually merged with the blue header background. It also slims down the blue header area and reduces its visual weight. This makes both the header and the main menu easier to scan while keeping the familiar structure of the default theme.

Issue list:

Admin page:


Files

Actions #1

Updated by Go MAEDA about 1 month ago

  • Target version set to Candidate for next major release
Actions #2

Updated by Go MAEDA about 1 month ago

  • Target version changed from Candidate for next major release to 7.0.0

Setting the target version to 7.0.0.

Actions #3

Updated by pasquale [:dedalus] about 1 month ago

+1, very nice.

Actions #4

Updated by Go MAEDA about 1 month ago

  • Status changed from New to Closed
  • Assignee set to Go MAEDA
  • Resolution set to Fixed

Committed the patches in r24582, r24583, and r24584.

Actions #5

Updated by Yasu Saku 6 days ago

Mr. Go MAEDA
It looks like the header color on mobile is not updated. Is this expected?

Actions #6

Updated by Go MAEDA 6 days ago

Yasu Saku wrote in #note-5:

Mr. Go MAEDA
It looks like the header color on mobile is not updated. Is this expected?

Yes, it is intentional that the header color was not updated on mobile pages.

Elements such as the flyout menu background are designed to match the existing header color, so changing it would require updating related elements as well. Since that would broaden the scope of this issue, I left it unchanged.

Changing the header color on mobile pages could lead to a broader redesign of the mobile UI. I think it would be better to open a separate issue and work on it there.

Actions #7

Updated by Yasu Saku 6 days ago

Go MAEDA wrote in #note-6:

...

Thank you for your reply and explanation.
I understood.

Actions

Also available in: Atom PDF