diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2017-03-17 17:19:54 +0500 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2017-03-17 08:19:54 -0400 |
commit | bfae88e60c7a623afae82e06ce1421ca778c06e7 (patch) | |
tree | 38cc13b8c095cf9bd0ad152ba9d80989137aed27 /webapp/components/post_view | |
parent | 6f87438cbb0eca34e1104bcda41ea40477a23bd1 (diff) | |
download | chat-bfae88e60c7a623afae82e06ce1421ca778c06e7.tar.gz chat-bfae88e60c7a623afae82e06ce1421ca778c06e7.tar.bz2 chat-bfae88e60c7a623afae82e06ce1421ca778c06e7.zip |
Ui improvements (#5755)
* PLT-5816 - Flagged posts tooltip fix
* PLT-5766 - Link previews appearing outside the box
* PLT-5795 - Fixing alignment user list in channel
* PLT-5818 - Reset password error not aligned
* PLT-5837 - Adjusting image preview max height
* PLT-5778 - Updating word break for paragraphs
* PLT-5848 - Updating label for file error
* PLT-5846 - Markdown tables extra border on mobile
* PLT-5662 - Pinned post UI improvement
* Fixing eslint error
* Updating tooltip eslint issue
* PLT-5832 - Removing error styling on labels
Diffstat (limited to 'webapp/components/post_view')
-rw-r--r-- | webapp/components/post_view/components/post_attachment_opengraph.jsx | 22 |
1 files changed, 0 insertions, 22 deletions
diff --git a/webapp/components/post_view/components/post_attachment_opengraph.jsx b/webapp/components/post_view/components/post_attachment_opengraph.jsx index b1ebf0a4b..13171202a 100644 --- a/webapp/components/post_view/components/post_attachment_opengraph.jsx +++ b/webapp/components/post_view/components/post_attachment_opengraph.jsx @@ -32,7 +32,6 @@ export default class PostAttachmentOpenGraph extends React.Component { this.onImageLoad = this.onImageLoad.bind(this); this.onImageError = this.onImageError.bind(this); this.truncateText = this.truncateText.bind(this); - this.setImageWidth = this.setImageWidth.bind(this); } IMAGE_LOADED = { @@ -75,20 +74,16 @@ export default class PostAttachmentOpenGraph extends React.Component { componentDidMount() { OpenGraphStore.addUrlDataChangeListener(this.onOpenGraphMetadataChange); - this.setImageWidth(); - window.addEventListener('resize', this.setImageWidth); } componentDidUpdate() { if (this.props.childComponentDidUpdateFunction) { this.props.childComponentDidUpdateFunction(); } - this.setImageWidth(); } componentWillUnmount() { OpenGraphStore.removeUrlDataChangeListener(this.onOpenGraphMetadataChange); - window.removeEventListener('resize', this.setImageWidth); } onOpenGraphMetadataChange(url) { @@ -163,9 +158,6 @@ export default class PostAttachmentOpenGraph extends React.Component { return ( <div className='attachment__image__container--openraph' - style={{ - width: (this.imageDimentions.height * this.imageRatio) + this.smallImageContainerLeftPadding - }} // Initially set the width accordinly to max image heigh, ie 80px. Later on it would be modified according to actul height of image. ref={(div) => { this.smallImageContainer = div; }} @@ -216,20 +208,6 @@ export default class PostAttachmentOpenGraph extends React.Component { return element; } - setImageWidth() { - if ( - this.state.imageLoaded === this.IMAGE_LOADED.YES && - this.smallImageContainer && - this.smallImageElement - ) { - this.smallImageContainer.style.width = ( - (this.smallImageElement.offsetHeight * this.imageRatio) + - this.smallImageContainerLeftPadding + - 'px' - ); - } - } - truncateText(text, maxLength = this.textMaxLenght, ellipsis = this.textEllipsis) { if (text.length > maxLength) { return text.substring(0, maxLength - ellipsis.length) + ellipsis; |