Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Compact action menu on mobile #2894

Open
1 task done
woj-tek opened this issue Oct 17, 2024 · 0 comments
Open
1 task done

Compact action menu on mobile #2894

woj-tek opened this issue Oct 17, 2024 · 0 comments
Labels

Comments

@woj-tek
Copy link
Contributor

woj-tek commented Oct 17, 2024

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Development

No branches or pull requests

1 participant