diff options
| -rw-r--r-- | app/javascript/flavours/glitch/features/compose/components/upload_form.js | 12 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/composer.scss | 6 |
2 files changed, 9 insertions, 9 deletions
diff --git a/app/javascript/flavours/glitch/features/compose/components/upload_form.js b/app/javascript/flavours/glitch/features/compose/components/upload_form.js index a126cc7e4..4864043a8 100644 --- a/app/javascript/flavours/glitch/features/compose/components/upload_form.js +++ b/app/javascript/flavours/glitch/features/compose/components/upload_form.js @@ -16,11 +16,13 @@ export default class UploadForm extends ImmutablePureComponent { <div className='composer--upload_form'> <UploadProgressContainer /> - <div className='content'> - {mediaIds.map(id => ( - <UploadContainer id={id} key={id} /> - ))} - </div> + {mediaIds.size > 0 && ( + <div className='content'> + {mediaIds.map(id => ( + <UploadContainer id={id} key={id} /> + ))} + </div> + )} </div> ); } diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss index 466b654de..c7851b561 100644 --- a/app/javascript/flavours/glitch/styles/components/composer.scss +++ b/app/javascript/flavours/glitch/styles/components/composer.scss @@ -241,16 +241,14 @@ } .composer--upload_form { - padding: 5px; - color: $inverted-text-color; - background: $simple-background-color; - font-size: 14px; + overflow: hidden; & > .content { display: flex; flex-direction: row; flex-wrap: wrap; font-family: inherit; + padding: 5px; overflow: hidden; } } |