miniflux / v2

Minimalist and opinionated feed reader
https://miniflux.app
Apache License 2.0
6.97k stars 728 forks source link

Compact action menu on mobile #2894

Open woj-tek opened 1 month ago

woj-tek commented 1 month ago

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; https://github.com/miniflux/v2/issues/2395 / https://github.com/miniflux/v2/issues/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?