Skip to content

Instantly share code, notes, and snippets.

@pryley
Last active April 20, 2018 09:12
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pryley/2eb8cf5b5338d0bb97010b969a585adc to your computer and use it in GitHub Desktop.
Save pryley/2eb8cf5b5338d0bb97010b969a585adc to your computer and use it in GitHub Desktop.
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