diff --git a/browser/main/modals/PreferencesModal/PreferencesModal.styl b/browser/main/modals/PreferencesModal/PreferencesModal.styl index 9cac9b20..7e43db0d 100644 --- a/browser/main/modals/PreferencesModal/PreferencesModal.styl +++ b/browser/main/modals/PreferencesModal/PreferencesModal.styl @@ -1,5 +1,7 @@ @import('./Tab') +top-bar--height = 50px + .root modal() max-width 800px @@ -10,17 +12,27 @@ .top-bar absolute top left right - height 50px + height top-bar--height background-color $ui-backgroundColor border-bottom solid 1px $ui-borderColor p text-align center font-size 18px - line-height 50px + line-height top-bar--height + +.top-bar-close + position absolute + background-color transparent + border none + top 0 + right 0 + text-align center + width top-bar--height + height top-bar--height .nav absolute top left right - top 50px + top top-bar--height left 0 width 140px margin-left 30px @@ -54,7 +66,7 @@ .content absolute left right bottom - top 50px + top top-bar--height left 140px margin-top 10px overflow-y auto diff --git a/browser/main/modals/PreferencesModal/index.js b/browser/main/modals/PreferencesModal/index.js index 070e8b2f..731951c5 100644 --- a/browser/main/modals/PreferencesModal/index.js +++ b/browser/main/modals/PreferencesModal/index.js @@ -33,6 +33,10 @@ class Preferences extends React.Component { } } + handleEscButtonClick () { + this.props.close() + } + renderContent () { const { boundingBox } = this.state let { dispatch, config, data } = this.props @@ -113,6 +117,10 @@ class Preferences extends React.Component {
Your menu for Boostnote