diff --git a/js/src/common/components/Modal.js b/js/src/common/components/Modal.js index a805d64ff..afaf590b1 100644 --- a/js/src/common/components/Modal.js +++ b/js/src/common/components/Modal.js @@ -99,6 +99,8 @@ export default class Modal extends Component { this.$('form').find('input, select, textarea').first().focus().select(); } + onhide() {} + /** * Hide the modal. */ diff --git a/js/src/forum/components/Composer.js b/js/src/forum/components/Composer.js index 400f9f773..9ef7ab673 100644 --- a/js/src/forum/components/Composer.js +++ b/js/src/forum/components/Composer.js @@ -82,7 +82,7 @@ export default class Composer extends Component { }); // When the escape key is pressed on any inputs, close the composer. - this.$().on('keydown', ':input', 'esc', () => this.state.close()); + this.$().on('keydown', ':input', 'esc', () => this.close()); const handlers = {}; diff --git a/js/src/forum/components/PostStream.js b/js/src/forum/components/PostStream.js index 5eea38f01..dbfb791a8 100644 --- a/js/src/forum/components/PostStream.js +++ b/js/src/forum/components/PostStream.js @@ -26,6 +26,11 @@ export default class PostStream extends Component { } view() { + function fadeIn(element, isInitialized, context) { + if (!context.fadedIn) $(element).hide().fadeIn(); + context.fadedIn = true; + } + let lastTime; const viewingEnd = this.stream.viewingEnd(); @@ -42,6 +47,7 @@ export default class PostStream extends Component { content = PostComponent ? PostComponent.component({ post }) : ''; attrs.key = 'post' + post.id(); + attrs.config = fadeIn; attrs['data-time'] = time.toISOString(); attrs['data-number'] = post.number(); attrs['data-id'] = post.id(); diff --git a/js/src/forum/components/SignUpModal.js b/js/src/forum/components/SignUpModal.js index 0c5f162f1..63110ebfc 100644 --- a/js/src/forum/components/SignUpModal.js +++ b/js/src/forum/components/SignUpModal.js @@ -177,7 +177,7 @@ export default class SignUpModal extends Modal { * Get the data that should be submitted in the sign-up request. * * @return {Object} - * @protected + * @public */ submitData() { const data = { diff --git a/less/forum/PostStream.less b/less/forum/PostStream.less index c58d43a3e..06470cad5 100644 --- a/less/forum/PostStream.less +++ b/less/forum/PostStream.less @@ -104,18 +104,3 @@ .animation(pulsate 0.2s ease-in-out); .animation-iteration-count(1); } - -@keyframes fadeIn { -0% {opacity:0;} -100% {opacity:1;} -} - -@-webkit-keyframes fadeIn { -0% {opacity:0;} -100% {opacity:1;} -} - -@-o-keyframes fadeIn { -0% {opacity:0;} -100% {opacity:1;} -}