IssueRaiser

Mac: Provide a setting to hide the title bar and inline the window controls

Hello there, a lot of the standard apps in recent versions of macOS have started to inline their titlebar into their tabs, menu buttons etc. I assume this is mainly to save vertical space on laptops. However, like all UI trends, apps that don't quite keep up end up feeling old-fashioned 👯 I started a fork of VS Code that uses the inline style: ![screen shot 2016-09-21 at 12 59 09](https://cloud.githubusercontent.com/assets/49038/18710082/332cefb6-7ffb-11e6-8303-338bee1d6c35.png) There needed to be a few changes: - I moved the sidebar width to 76, to fit the traffic lights - I increased the height of the elements that act as the titlebar by one pixel, mainly so that they align with the centre position of the titlebar items - Allow mouse dragging via the sidebar, and the title elements Fork: https://github.com/orta/vscode/tree/inline-titlebar Changes: https://github.com/orta/vscode/compare/master...mac-titlebar-inline I realise that VS Code is a cross-platform project, and so these changes should _probably_ only be applied in the context of macOS, which I'm happy to look into with some advice (I don't have a windows/linux machine to hand for example). I also know that no-one wants big unexpected UI changes on their OSS projects, so I've not made it as a PR, but I'd love to know if/what I can do to move this upstream? _Sidenote:_ If someone can tell me how, I'm happy to make a downloadable build for people to try too, I couldn't find a way to do it - I'm still quite f

Posted by orta on Sep 21, 2016, 12:10 PM

Tags

Related issues

Raise real-world problems, find people facing the same issue, and discuss solutions.4,500 issues0 comments

ux (Sysadmin)

Mac: Provide a setting to hide the title bar and inline the window controls

ortaSep 21, 2016, 12:10 PM

Hello there, a lot of the standard apps in recent versions of macOS have started to inline their titlebar into their tabs, menu buttons etc. I assume this is mainly to save vertical space on laptops. However, like all UI trends, apps that don't quite keep up end up feeling old-fashioned 👯 I started a fork of VS Code that uses the inline style: ![screen shot 2016-09-21 at 12 59 09](https://cloud.githubusercontent.com/assets/49038/18710082/332cefb6-7ffb-11e6-8303-338bee1d6c35.png) There needed to be a few changes: - I moved the sidebar width to 76, to fit the traffic lights - I increased the height of the elements that act as the titlebar by one pixel, mainly so that they align with the centre position of the titlebar items - Allow mouse dragging via the sidebar, and the title elements Fork: https://github.com/orta/vscode/tree/inline-titlebar Changes: https://github.com/orta/vscode/compare/master...mac-titlebar-inline I realise that VS Code is a cross-platform project, and so these changes should _probably_ only be applied in the context of macOS, which I'm happy to look into with some advice (I don't have a windows/linux machine to hand for example). I also know that no-one wants big unexpected UI changes on their OSS projects, so I've not made it as a PR, but I'd love to know if/what I can do to move this upstream? _Sidenote:_ If someone can tell me how, I'm happy to make a downloadable build for people to try too, I couldn't find a way to do it - I'm still quite f

Comments (0)

No comments yet. Start the discussion.

Comment on this issue