diff options
author | Christopher Speller <crspeller@gmail.com> | 2016-03-15 14:05:05 -0400 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-03-15 14:05:05 -0400 |
commit | 3745204097b2f03cd5f3fc1292ea62fb4f931232 (patch) | |
tree | 3380ee0fd2341dac1814aed8cf851bfe274a21a7 /web/react/components/file_preview.jsx | |
parent | bf7ae0711743926cfbb031675cc3320d7a942465 (diff) | |
parent | 7d79a916dd58d51989d35721060cfca6dce1baca (diff) | |
download | chat-3745204097b2f03cd5f3fc1292ea62fb4f931232.tar.gz chat-3745204097b2f03cd5f3fc1292ea62fb4f931232.tar.bz2 chat-3745204097b2f03cd5f3fc1292ea62fb4f931232.zip |
Merge pull request #2429 from asaadmahmoodspin/ui-improvements
PLT-963 - Improving scss structure
Diffstat (limited to 'web/react/components/file_preview.jsx')
-rw-r--r-- | web/react/components/file_preview.jsx | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/web/react/components/file_preview.jsx b/web/react/components/file_preview.jsx index 265d3f367..97949ca3d 100644 --- a/web/react/components/file_preview.jsx +++ b/web/react/components/file_preview.jsx @@ -41,15 +41,15 @@ export default class FilePreview extends React.Component { previews.push( <div key={filename} - className='preview-div' + className='file-preview' data-filename={originalFilename} > <img - className='preview-img' + className='file-preview__image' src={filename} /> <a - className='remove-preview' + className='file-preview__remove' onClick={this.handleRemove} > <i className='glyphicon glyphicon-remove'/> @@ -60,12 +60,12 @@ export default class FilePreview extends React.Component { previews.push( <div key={filename} - className='preview-div custom-file' + className='file-preview custom-file' data-filename={originalFilename} > <div className={'file-icon ' + Utils.getIconClassName(type)}/> <a - className='remove-preview' + className='file-preview__remove' onClick={this.handleRemove} > <i className='glyphicon glyphicon-remove'/> @@ -80,7 +80,7 @@ export default class FilePreview extends React.Component { <div ref={clientId} key={clientId} - className='preview-div' + className='file-preview' data-client-id={clientId} > <img @@ -88,7 +88,7 @@ export default class FilePreview extends React.Component { src='/static/images/load.gif' /> <a - className='remove-preview' + className='file-preview__remove' onClick={this.handleRemove} > <i className='glyphicon glyphicon-remove'/> @@ -98,7 +98,7 @@ export default class FilePreview extends React.Component { }); return ( - <div className='preview-container'> + <div className='file-preview__container'> {previews} </div> ); |