Skip to content

Compact action menu on mobile #2894

Open
@woj-tek

Description

@woj-tek

For some reason action-buttons on mobile/narrow screens are put in one-item-per-line mode which bloats the navigation and takes up a lot of screen. eg this:

Captura de pantalla 2024-10-17 a las 9 05 02

Turns into this:
Captura de pantalla 2024-10-17 a las 9 05 31

I tweaked it a bit with CSS:

.page-header li, .page-footer li {
	display: inline;
	padding-right: 15px;
}

And IMHO it's more compact and takes less space:

Captura de pantalla 2024-10-17 a las 9 06 25

Ideally it could have the same treatment as main menu (collapsed; #2395 / #2337 / https://github.com/miniflux/v2/pull/2342/files) or better yet only display icons and no text.

For the text I tried to hide it but it's directly a value/CDATA and not a sub-element so I wasn't able to do it with CSS (not sure if possible right now) -- would at least adding sub-element could be considered?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions