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

Menu Bar adds to window content height causing scrollbar #1

Open
Puxap-3opre opened this issue Nov 15, 2024 · 4 comments
Open

Menu Bar adds to window content height causing scrollbar #1

Puxap-3opre opened this issue Nov 15, 2024 · 4 comments

Comments

@Puxap-3opre
Copy link

Using menubar adds extra space to window contents height causing the vertical scrollbar to appear, even if the window content is small and no scrollbar would be shown normally. I tried to play with margin-top, margin-bottom etc., but couldn't correct this.
menubar_space

@scanline
Copy link
Owner

From the partly visible application bar I assume you're running it on a Mac, are you? I didn't test this target as of yet simply because this library aims at Windows & Linux.
I know how to fix it though.

@Puxap-3opre
Copy link
Author

Puxap-3opre commented Nov 16, 2024

From the partly visible application bar I assume you're running it on a Mac, are you? I didn't test this target as of yet simply because this library aims at Windows & Linux. I know how to fix it though.

No, it's Linux with some WM theme from https://www.xfce-look.org/browse?cat=138&ord=rating

Thank you very much!

I like NeutralinoJS, and a nice looking MenuBar is very useful to have.

@scanline
Copy link
Owner

Ah it's Linux! It's interesting, the last time I've tested this on Linux it was working. This time the scrollbar also appeared over here.
Can you try changing a CSS property from the <menu-container> element via the inspector and tell me if it fixes the issue?
height: -webkit-fill-available;
to
height: calc(100vh - 27px);

By the way, nice to hear that the library is useful to you. Thanks!

@Puxap-3opre
Copy link
Author

Can you try changing a CSS property from the <menu-container> element via the inspector and tell me if it fixes the issue?
height: calc(100vh - 27px);

Yes, it works. It seems that this (in my css file) works as well:

menu-container {
    height: auto !important;
}

TY!

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

No branches or pull requests

2 participants