Remove div container taking up width (#425)

this blocks users from clicking messages directly behind the NewMessageIndicator compnent
mattermost · Dec 13, 2017 · b28ae6e · b28ae6e
1 parent 191a102
commit b28ae6e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/post_view/new_message_indicator.jsx b/components/post_view/new_message_indicator.jsx
@@ -34,7 +34,7 @@ export default class NewMessageIndicator extends React.PureComponent {
  render() {
  const unreadIcon = Constants.UNREAD_ICON_SVG;
  let className = 'new-messages__button';
- if (this.state.visible > 0) {
+ if (this.state.visible) {
  className += ' visible';
  }
  if (!this.state.rendered) {

diff --git a/sass/layout/_post.scss b/sass/layout/_post.scss
@@ -281,12 +281,12 @@
 
  .new-messages__button {
  @include opacity(0);
+ @include translateX(-50%);
  bottom: 0;
  font-size: 13.5px;
- left: 0;
+ left: 50%;
  margin: 5px auto;
  position: absolute;
- right: 0;
  text-align: center;
  visibility: hidden;
  z-index: 1;