Skip to content
Hides the Atom title bar on systems that support it.
Branch: master
Clone or download
lexicalunit
Latest commit ad22c99 Jan 19, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib
spec
styles
.eslintrc.js
.gitignore
.travis.yml
LICENSE.md
README.md
appveyor.yml
circle.yml
package-lock.json
package.json

README.md

No Title Bar

apm package travis-ci appveyor circle-ci david download mit

NOTE: Limited to systems that support Custom Title Bar, meaning macOS.

Hides the Atom title bar on systems that support it. Make sure to enable the Custom Title Bar in your Core Atom settings. See below for details.

screenshot

How do I drag the window now?

You can move the window by grabbing and dragging "empty" space.

screenshot

Rearranging tabs or items in tree-view by drag-and-drop should work as normal. Selecting text anywhere within the editor should also work as normal. If not, please open an issue!

NOTE: The beta version 1.16.0 of Atom introduced the Hidden Title Bar option. This package supports this mode by adding draggability to empty spaces. Enabling the Hidden Title Bar option hides the macOS system window buttons; for that reason I personally prefer the Custom Title Bar over the Hidden Title Bar.

Enabling a Custom Title Bar

The Custom Title Bar setting was first made available in the Atom beta for version 1.11.0. The feature was then expanded in the Atom beta for version 1.16.0. Depending on your version of Atom, there are slightly different ways to enable a Custom Title Bar.

If you are using Atom 1.16.0 or newer, set core.titleBar to "custom" in your config.cson to enable the Custom Title Bar mode. This feature is also available in your Core settings as Title Bar.

For versions older than 1.16.0, set core.useCustomTitleBar to true in your config.cson to enable the Custom Title Bar mode. This feature is also available in your Core settings as Use Custom Title Bar.

Theming

If your favorite theme requires tweaking to look its best when using no-title-bar, you can use the .no-title-bar selector in your style.less to make adjustments when you have the package active. For example, I like to add a left border to the left most tab in the native-ui theme.

.no-title-bar:not(.fullscreen) {
    &.custom-title-bar, &.custom-inset-title-bar {
        .theme-native-ui .tab-bar {
            margin-left: -1px;
            .tab:nth-child(1) {
                border-left: 1px solid @tab-bar-border-color;
            }
        }
    }
}

References


MIT © lexicalunit et al

You can’t perform that action at this time.