diff --git a/app/renderer/components/common/messageBox.js b/app/renderer/components/common/messageBox.js index 30389810077..8cfe9a2aabc 100644 --- a/app/renderer/components/common/messageBox.js +++ b/app/renderer/components/common/messageBox.js @@ -118,18 +118,20 @@ class MessageBox extends ImmutableComponent {
{this.message}
- { - this.showSuppress - ? - : null - } -
- {this.messageBoxButtons} +
+ { + this.showSuppress + ? + : null + } +
+ {this.messageBoxButtons} +
@@ -142,24 +144,31 @@ const styles = StyleSheet.create({ }, container: { outline: 'none', - display: 'block' + display: 'flex', + flexDirection: 'column', + justifyContent: 'space-between' }, title: { fontWeight: 'bold', fontSize: '12pt', - marginBottom: globalStyles.spacing.dialogInsideMargin, userSelect: 'text' }, body: { marginTop: globalStyles.spacing.dialogInsideMargin, minWidth: '425px', marginBottom: globalStyles.spacing.dialogInsideMargin, - userSelect: 'text' + userSelect: 'text', + maxHeight: 'calc(80vh - 220px)', + overflowY: 'auto', + overflowX: 'hidden' + }, + actions: { + display: 'flex', + justifyContent: 'space-between' }, buttons: { display: 'flex', - justifyContent: 'flex-end', - marginTop: globalStyles.spacing.dialogInsideMargin + justifyContent: 'flex-end' } }) diff --git a/app/renderer/components/styles/commonStyles.js b/app/renderer/components/styles/commonStyles.js index 68e945c127f..2f720accfd8 100644 --- a/app/renderer/components/styles/commonStyles.js +++ b/app/renderer/components/styles/commonStyles.js @@ -45,7 +45,11 @@ const styles = StyleSheet.create({ // Issue #7949 padding: `${globalStyles.spacing.dialogInsideMargin} 30px`, position: 'absolute', - top: globalStyles.spacing.dialogTopOffset + top: globalStyles.spacing.dialogTopOffset, + // Issue #7930 + boxSizing: 'border-box', + maxWidth: '600px', + maxHeight: `calc(80vh - ${globalStyles.spacing.downloadsBarHeight})` }, // itemList.less diff --git a/app/renderer/components/styles/global.js b/app/renderer/components/styles/global.js index 60ff144b3e3..4acee7ec816 100644 --- a/app/renderer/components/styles/global.js +++ b/app/renderer/components/styles/global.js @@ -110,7 +110,7 @@ const globalStyles = { buttonHeight: '25px', buttonWidth: '25px', navbarHeight: '36px', - downloadsBarHeight: '50px', + downloadsBarHeight: '60px', tabsToolbarHeight: '26px', tabPagesHeight: '7px', bookmarkHangerMaxWidth: '350px',