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

Hamburger Sidebar and few others components #24

Open
flibustenet opened this issue Mar 12, 2024 · 3 comments
Open

Hamburger Sidebar and few others components #24

flibustenet opened this issue Mar 12, 2024 · 3 comments
Labels
help wanted Extra attention is needed

Comments

@flibustenet
Copy link

I like this classless style because it's go further than others with a responsive navbar, tabbox for example.
I wonder if a hamburger sidebar will be out of scope ?
Same with a modal dialog maybe.

If it's out of scope, any advice will be welcome.

Thanks for the good works !

@emareg
Copy link
Owner

emareg commented May 28, 2024

I also think that a hamburger sidebar would be nice but it is difficult to make with CSS only.

Another problem is that there is no nice unicode symbol that represents the hamburger. E.g. there is the math symbol ≡ but depending on the font it looks odd because length, thickness, and distance of the lines is different from the UI hamburger symbol. The triangle ▾ is less problematic in my opinion.

If you have an idea how to realize the hamburger with CSS only, let me know.

@emareg emareg added the help wanted Extra attention is needed label May 28, 2024
@flibustenet
Copy link
Author

I see that 3 span is often used. Also a hidden checkbox to can switch on/off.

@HelloLudger
Copy link

You could make it in a way that the symbol is not attached by the CSS but has to be chosen when creating the menu.
Then everyone could chose their favorite (or even use a SVG or something similar).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

3 participants