Commit 01d6a484 authored by Harrison Healey's avatar Harrison Healey

Merge pull request #1822 from asaadmahmoodspin/ui-improvements

Multiple UI Improvements
parents 7aa7f835 7f1f7885
......@@ -266,7 +266,7 @@ export default class FileAttachment extends React.Component {
href={fileUrl}
download={filenameString}
data-toggle='tooltip'
title={'Download ' + filenameString}
title={'Download \"' + filenameString + '\"'}
className='post-image__name'
>
{trimmedFilename}
......
......@@ -223,13 +223,13 @@ export default class PostInfo extends React.Component {
/>
</li>
<li className='col col__reply'>
{comments}
<div
className='dropdown'
ref='dotMenu'
>
{dropdown}
</div>
{comments}
<Overlay
show={this.state.show}
target={() => ReactDOM.findDOMNode(this.refs.dotMenu)}
......
......@@ -24,6 +24,7 @@ export default class PostsView extends React.Component {
this.updateScrolling = this.updateScrolling.bind(this);
this.handleResize = this.handleResize.bind(this);
this.scrollToBottom = this.scrollToBottom.bind(this);
this.scrollToBottomAnimated = this.scrollToBottomAnimated.bind(this);
this.jumpToPostNode = null;
this.wasAtBottom = true;
......@@ -339,6 +340,10 @@ export default class PostsView extends React.Component {
this.refs.postlist.scrollTop = this.refs.postlist.scrollHeight;
});
}
scrollToBottomAnimated() {
var postList = $(this.refs.postlist);
postList.animate({scrollTop: this.refs.postlist.scrollHeight}, '500');
}
componentDidMount() {
if (this.props.postList != null) {
this.updateScrolling();
......@@ -458,7 +463,7 @@ export default class PostsView extends React.Component {
<ScrollToBottomArrows
isScrolling={this.state.isScrolling}
atBottom={this.wasAtBottom}
onClick={this.scrollToBottom}
onClick={this.scrollToBottomAnimated}
/>
<div
ref='postlist'
......
......@@ -286,8 +286,10 @@ body.ios {
z-index: 50;
@include opacity(0);
@include single-transition(all, 0.3s);
display: none;
&.scrolling {
display: block;
@include opacity(1);
}
}
......@@ -595,6 +597,7 @@ body.ios {
right: 0;
top: 30px;
width: 65px;
white-space: nowrap;
}
.permalink-popover {
......@@ -628,8 +631,7 @@ body.ios {
.dropdown {
display: inline-block;
visibility: hidden;
position: absolute;
right: 0;
margin-right: 5px;
top: -1px;
.dropdown-menu {
......
......@@ -25,6 +25,7 @@
.col__reply {
top: 0;
text-align: right;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment