LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Merge pull request #98 from lbryio/word-break-modals

Browse source 
Change wrapping of file path in "Download Succeeded" Modal
This commit is contained in:
Jeremy Kauffman 2016-12-04 09:02:44 -05:00 committed by GitHub
commit f086b47f80
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
js/component/link.js
View file

@ -138,8 +138,9 @@ var DownloadLink = React.createClass({
<span className="button-container"> <span className="button-container">
<Link button={this.props.button} hidden={this.props.hidden} style={this.props.style} <Link button={this.props.button} hidden={this.props.hidden} style={this.props.style}
disabled={this.state.downloading} label={label} icon={this.props.icon} onClick={this.handleClick} /> disabled={this.state.downloading} label={label} icon={this.props.icon} onClick={this.handleClick} />
<Modal isOpen={this.state.modal == 'downloadStarted'} onConfirmed={this.closeModal}> <Modal className="download-started-modal" isOpen={this.state.modal == 'downloadStarted'} onConfirmed={this.closeModal}>
Downloading to {this.state.filePath} <p>Downloading to:</p>
<div className="download-started-modal__file-path">{this.state.filePath}</div>
</Modal> </Modal>
<Modal isOpen={this.state.modal == 'notEnoughCredits'} onConfirmed={this.closeModal}> <Modal isOpen={this.state.modal == 'notEnoughCredits'} onConfirmed={this.closeModal}>
You don't have enough LBRY credits to pay for this stream. You don't have enough LBRY credits to pay for this stream.

4
scss/_gui.scss
View file

@ -352,3 +352,7 @@ input[type="text"], input[type="search"]
margin-top: 6px; margin-top: 6px;
margin-right: 7px; margin-right: 7px;
} }
.download-started-modal__file-path {
word-break: break-all;
}