Mobile Header Layout

[neyzm]

What type of request is this?

Enhancement to existing card/feature

Existing card or feature name

{"View" => "Sections"}

Describe the enhancement

The new Header settings should include an option for the Responsive Layout to support ‘in-line’ badges/cards on mobile devices, just like on desktop. The current implementation doesn’t utilise the correct header space on mobile devices, resulting in a skewed blank space.

The term ‘Responsive’ suggests that it adapts to the screen size, which is partially accurate. However, it doesn’t fully encapsulate the intended purpose. I understand there are implications here regarding the number items that can be placed alongside the markdown card, so I propose limiting the number of cards/badges to only 2/3 on mobile devices.

Although, this can be achieved using card-mod, it would be nice if it was natively supported in the new Header settings.

Use cases

Here are just some Badges that can be placed on the right (in-line):

• Profile icon
• Toggle/Actions Buttons
• Entities

Visual examples

Current:

Purposed/Alternatives:

Anything else?

Additionally, I feel there should be another option where 3 cards can be placed alongside each other.
See screenshot below: Left - Back button / Middle - Header / Right - Button

[ncodee]

+1. Current implementation is very limited, it would be nice to able put text in the centre and have elements on either side.