LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

add basic message for thumbnail uploads

Browse source
This commit is contained in:
Sean Yesmunt 2020-11-11 17:07:45 -05:00
parent 8cc4517fb0
commit 881ce59ade
3 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
ui/component/selectThumbnail/view.jsx
View file

@ -138,7 +138,12 @@ class SelectThumbnail extends React.PureComponent<Props, State> {
)} )}
{status === THUMBNAIL_STATUSES.COMPLETE && thumbnail && ( {status === THUMBNAIL_STATUSES.COMPLETE && thumbnail && (
<div className="column column--space-between"> <div className="column column--space-between">
<div className="column__item thumbnail-preview" style={{ backgroundImage: `url(${thumbnail})` }} /> <div
className="column__item thumbnail-preview"
// style={{ backgroundImage: `url(${thumbnail})` }}
>
{__('This will be visible in a few minutes.')}
</div>
<div className="column__item"> <div className="column__item">
<p>{__('Upload complete.')}</p> <p>{__('Upload complete.')}</p>
<div className="section__actions"> <div className="section__actions">

2
ui/modal/modalConfirmThumbnailUpload/view.jsx
View file

@ -20,7 +20,7 @@ class ModalConfirmThumbnailUpload extends React.PureComponent<Props> {
render() { render() {
const { closeModal, file } = this.props; const { closeModal, file } = this.props;
console.log('file', file);
return ( return (
<Modal <Modal
isOpen isOpen

3
ui/scss/init/_gui.scss
View file

@ -298,6 +298,9 @@ textarea {
.thumbnail-preview { .thumbnail-preview {
width: var(--thumbnail-preview-width); width: var(--thumbnail-preview-width);
height: var(--thumbnail-preview-height); height: var(--thumbnail-preview-height);
background-color: var(--color-thumbnail-background);
padding: var(--spacing-s);
font-size: var(--font-small);
border-radius: var(--border-radius); border-radius: var(--border-radius);
background-position: 50% 50%; background-position: 50% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;