Implement menu bar and menu for windows

[kodie]

I added a menu bar and menus for windows. It might not be 100% but I think it's pretty damn close. 😃

In addition to the menu bar I also added a frame class for the window-body class to get smaller margins.

Screenshots:

Reference screenshot from Windows 98:

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
98css	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 28, 2023 2:53pm

[kodie]

Somewhat related: #38

[kodie]

I guess maybe the menu bar could have been its own component to be consistent with how it's done on win7.css? https://khang-nd.github.io/7.css/#menubar

idk let me know what you think, I can change it if needed.

[kodie]

Also the frame class I added could become the default and we could implement a has-space class to add the margin back like how win7.css does it: https://khang-nd.github.io/7.css/#window-body

[firebellys]

lg2m

[chanagaray]

This looks very good. I think that ideally the menu should open and then close on repeated clicks. Maybe a <details> element could work for that, but we'd have to check if we can make it look like a menu bar item.

[ippezshelby]

Make menu have multi-level capability as some menu items may have parent-child relationship

[909oce]

sorry i might be really stupid but for some reason i cant get the menu buttons to actually do anything? im trying to use onclick which is what i use for my other buttons. am i missing something?

you can see my project for reference at https://909.wtf/

edit: using onmousedown works

[ammaraslam10]

When will this be merged?

[hqkirkland]

Struggling to get menus to work on iOS devices. The top bar buttons don't seem to engage. Can't do root cause because I don't have a Mac.