diff options
| -rw-r--r-- | web/react/components/get_link_modal.jsx | 13 | ||||
| -rw-r--r-- | web/sass-files/sass/partials/_get-link.scss | 6 |
2 files changed, 10 insertions, 9 deletions
diff --git a/web/react/components/get_link_modal.jsx b/web/react/components/get_link_modal.jsx index ab6045d2f..ea22ad0f3 100644 --- a/web/react/components/get_link_modal.jsx +++ b/web/react/components/get_link_modal.jsx @@ -24,13 +24,18 @@ module.exports = React.createClass({ } }, getInitialState: function() { - return { }; + return {copiedLink: false}; }, handleClick: function() { this.setState({copiedLink: true}); }, render: function() { var currentUser = UserStore.getCurrentUser(); + var copyLinkConfirm = null; + + if (this.state.copiedLink) { + copyLinkConfirm = <p className='copy-link-confirm'>Link copied to clipboard.</p>; + } if (currentUser != null) { return ( @@ -49,11 +54,7 @@ module.exports = React.createClass({ <div className='modal-footer'> <button type='button' className='btn btn-default' data-dismiss='modal'>Close</button> <button data-copy-btn='true' type='button' className='btn btn-primary pull-left' onClick={this.handleClick} data-clipboard-text={this.state.value}>Copy Link</button> - {this.state.copiedLink ? - <p className='copy-link-confirm'>Link copied to clipboard.</p> - : - null - } + {copyLinkConfirm} </div> </div> </div> diff --git a/web/sass-files/sass/partials/_get-link.scss b/web/sass-files/sass/partials/_get-link.scss index 84b20729b..c84befd6a 100644 --- a/web/sass-files/sass/partials/_get-link.scss +++ b/web/sass-files/sass/partials/_get-link.scss @@ -1,6 +1,6 @@ .copy-link-confirm { + position: fixed; color: rgb(153, 230, 153); - margin-top: -27px; - margin-bottom: -25px; - margin-right: 300px; + top: 84%; + left: 130px; }
\ No newline at end of file |