classlesscss icon indicating copy to clipboard operation
classlesscss copied to clipboard

Hamburger Sidebar and few others components

Open flibustenet opened this issue 1 year ago • 4 comments

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 !

flibustenet avatar Mar 12 '24 11:03 flibustenet

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 avatar May 28 '24 10:05 emareg

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

flibustenet avatar Jun 29 '24 09:06 flibustenet

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).

HelloLudger avatar Jul 15 '24 08:07 HelloLudger