Native Shell's Menu bar is only a thin line because it is placed too high up.

[kylobite]

It looks like this: http://i.imgur.com/NdVNt.png
You can tell it is the menu because when you mouse over it colors and drops down, but you can't see what tab is being selected. As you can see by the picture this is a on a Mac. Also, I followed the "setup guide" exactly and still got this.

[jrowny]

That's odd, I haven't seen that before. Would you mind pressing Cmd-Option-I and letting us know if there are any errors in the console? Maybe something with LESS didn't quite compile correctly.

[peterflynn]

It looks like all of the HTML content is being positioned too high up (the menu bar is not native UI). Maybe check in the DOM inspector to see where it thinks the top of the document/body is. Also, is the bottom getting clipped too? E.g. if you scroll all the way down in the code editor, can you see the last line of the file or is there still some hidden off the bottom of the window?

[kylobite]

There were no errors in the console and the bottom doesn't cut off, rather there seems to be an extra line in each bit of code it seems. The issue seems to be in the element #main-toolbar .toolbar (

@ line 87).

[kylobite]

What I ended up doing to fix this is going to style/brackets.less and editing the margin-top .toolbar as such:
.toolbar {
/* make sure the shadow goes above other items */
z-index: @z-index-brackets-toolbar;
margin-top:25px; !important
}

[keithschulze]

I'd like to have this issue re-opened because it's still happening and each time I update brackets, I have to apply the op's fix to get it to work. What I'd like to add though it that this only occurs on my macbook with a lower resolution screen (1280 x 800). I have no problem on my iMac (2560 x 1440 - from memory). I've just updated to bracket sprint 13 and installed using the new DMG installer. Cheers.

[njx]

Ah. It's probably because you have the dock at the bottom, and it's making the window open at a smaller size than we want. We increased the size in the latest installer and thought it was ok, but on a 1280x800 screen with the dock open it might just be a little too big. Reopening.

[njx]

Marking medium priority.

[peterflynn]

@njx, it seems unlikely that the window resizing could be causing the HTML content to lay out wrong. You can manually resize the window to be much less tall than that and the layout still works fine. If you look at the original screenshot above, it's like the entire tag has been shifted upwards (or like the CEF native control has gotten shifted up out of the window's client area).

[njx]

The problem is because the window is too small during the initial layout. We saw this in brackets-app as well--if we set the initial default window size to be large, and then ran it on a smaller screen (at least on the Mac), the window would open at a smaller size than what we had set for the default, and for some reason that would cause the top of the app to get cut off. (I'm not sure exactly why--we didn't dig into it; we just set the initial default to be smaller so it wouldn't get resized by the OS.) The problem doesn't occur during later resizes.

[keithschulze]

@njx I can confirm that moving the dock to side fixes the problem. Resizing of the window once the toolbar is obscured doesn't fix the problem though. Cheers.