Query: CSS & Menu Bar

I like the TW Menu Bar. It’s a cheap way to do mobile.

But, what CSS mod. would I need change to get it’s dropdown to (adaptively) fill the full available height?

Here is a snap of the issue …

Best wishes
TT

nav.tc-menubar .tc-drop-down, nav.tc-menubar .tc-block-dropdown
   { max-height:calc(100vh - 2.5em); }

Notes:

  • The original specified max-height value was 70vh, and is specified in $:/plugins/tiddlywiki/menubar/styles
  • The calc(100vh - 2.5em) value accounts for the height of the Menu Bar plus a little extra vertical margin, and was determined empirically by using the browser’s debugger to adjust the value until the drop-down fit completely in the window.
5 Likes

Whoa! That is brilliant. Thanks a lot @EricShulman. A shot of how it looks now…

1 Like

I was aware of sidebar menu, which works straight ahead. But here I’m unable to have such a menu (at all!), in spite of the doc found in the menubar plugin. could you send a minimalist and working example of a menubar tiddler that I can see what is wrong with my setup?