summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--web/react/components/get_link_modal.jsx13
-rw-r--r--web/sass-files/sass/partials/_get-link.scss6
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