Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Nativefier customisations for Dropbox Paper

1. Create paper.css

body {
    -webkit-app-region: drag;
}
a,
button,
.ace-editor {
    -webkit-app-region: no-drag;
}
#main-header .hp-header-back-button {
    margin-top: 20px !important;
}
#main-header .hp-header-title-wrapper {
    margin-left: 40px !important;
}
.maestro-nav__contents {
    top: 60px !important;
}
.maestro-nav__home-button,
.maestro-nav__features-header,
.meeting-note-promotion__in-sidepanel {
    display: none !important;
}

2. Create the wrapper

nativefier paper.dropbox.com --name "Dropbox Paper" --inject ./paper.css

3. Edit main.js (Dropbox\ Paper.app/Contents/Resources/app/lib/main.js)

// ~ L4945
var mainWindow = new _electron.BrowserWindow({
    titleBarStyle: 'hiddenInset',
    // ...
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.