fix: proper thumbnail sizing after thumbnail upload

This commit is contained in:
Sean Yesmunt 2018-11-20 15:57:07 -05:00
parent b245028050
commit 11b90632c3

View file

@ -122,28 +122,28 @@ class SelectThumbnail extends React.PureComponent<Props, State> {
onFileChosen={path => openModal(MODALS.CONFIRM_THUMBNAIL_UPLOAD, { path })} onFileChosen={path => openModal(MODALS.CONFIRM_THUMBNAIL_UPLOAD, { path })}
/> />
)} )}
{status === THUMBNAIL_STATUSES.COMPLETE && ( {status === THUMBNAIL_STATUSES.COMPLETE &&
<div className="column column--space-between"> thumbnail && (
<img <div className="column column--space-between">
className="column__item thumbnail-preview" <div
src={thumbnail} className="column__item thumbnail-preview"
alt={__('Thumbnail Preview')} style={{ backgroundImage: `url(${thumbnail})` }}
/> />
<div className="column__item"> <div className="column__item">
<p> <p>
Upload complete.{' '} Upload complete.{' '}
<Button button="link" href={thumbnail} label={__('View it on spee.ch')} />. <Button button="link" href={thumbnail} label={__('View it on spee.ch')} />.
</p> </p>
<div className="card__actions"> <div className="card__actions">
<Button <Button
button="link" button="link"
label={__('New thumbnail')} label={__('New thumbnail')}
onClick={resetThumbnailStatus} onClick={resetThumbnailStatus}
/> />
</div>
</div> </div>
</div> </div>
</div> )}
)}
</React.Fragment> </React.Fragment>
)} )}
{status === THUMBNAIL_STATUSES.READY && ( {status === THUMBNAIL_STATUSES.READY && (