diff --git a/browser/main/modals/PreferencesModal/ConfigTab.styl b/browser/main/modals/PreferencesModal/ConfigTab.styl index 101f2f33..23eef574 100644 --- a/browser/main/modals/PreferencesModal/ConfigTab.styl +++ b/browser/main/modals/PreferencesModal/ConfigTab.styl @@ -67,10 +67,17 @@ text-align right :global .alert - font-size 12px - line-height 30px - padding 0 5px - float right + display inline-block + position absolute + top 60px + right 15px + font-size 14px + .success + color green + .error + color red + + .group-control-leftButton colorDefaultButton() diff --git a/browser/main/modals/PreferencesModal/HotkeyTab.js b/browser/main/modals/PreferencesModal/HotkeyTab.js index edbd06a5..e0a09686 100644 --- a/browser/main/modals/PreferencesModal/HotkeyTab.js +++ b/browser/main/modals/PreferencesModal/HotkeyTab.js @@ -69,6 +69,14 @@ class HotkeyTab extends React.Component { }) } + clearMessage() { + setTimeout(() => { + this.setState({ + keymapAlert: null + }) + }, 3000) + } + render () { let keymapAlert = this.state.keymapAlert let keymapAlertElement = keymapAlert != null @@ -76,6 +84,7 @@ class HotkeyTab extends React.Component { {keymapAlert.message}

: null + this.clearMessage() let { config } = this.state return (