LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-28 16:01:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #113 from lbryio/fix-error-modals

Browse source 
Make error modals display full screen properly
This commit is contained in:
Jeremy Kauffman 2017-05-05 09:00:10 -04:00 • committed by GitHub
commit e4c82ffceb
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
CHANGELOG.md
View file

@ -16,7 +16,7 @@ Web UI version numbers should always match the corresponding version of LBRY App
* *
### Fixed ### Fixed
* * Error modals now display full screen properly
* *
### Deprecated ### Deprecated

2
ui/js/app.js
View file

@ -303,7 +303,7 @@ var App = React.createClass({
</div> </div>
</Modal> </Modal>
<ExpandableModal isOpen={this.state.modal == 'error'} contentLabel="Error" className="error-modal" <ExpandableModal isOpen={this.state.modal == 'error'} contentLabel="Error" className="error-modal"
overlayClassName="error-modal-overlay" onConfirmed={this.closeModal} overlayClassName="modal-overlay error-modal-overlay" onConfirmed={this.closeModal}
extraContent={this.state.errorInfo}> extraContent={this.state.errorInfo}>
<h3 className="modal__header">Error</h3> <h3 className="modal__header">Error</h3>

2
ui/js/component/modal.js
View file

@ -28,7 +28,7 @@ export const Modal = React.createClass({
return ( return (
<ReactModal onCloseRequested={this.props.onAborted || this.props.onConfirmed} {...this.props} <ReactModal onCloseRequested={this.props.onAborted || this.props.onConfirmed} {...this.props}
className={(this.props.className || '') + ' modal'} className={(this.props.className || '') + ' modal'}
overlayClassName={[null, undefined, ""].indexOf(this.props.overlayClassName) === -1 ? this.props.overlayClassName : 'modal-overlay'}> overlayClassName={![null, undefined, ""].includes(this.props.overlayClassName) ? this.props.overlayClassName : 'modal-overlay'}>
<div> <div>
{this.props.children} {this.props.children}
</div> </div>