miniflux/v2

Compact action menu on mobile

Opened this issue · 0 comments

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?