diff options
author | Thibaut Girka <thib@sitedethib.com> | 2019-04-24 15:35:27 +0200 |
---|---|---|
committer | ThibG <thib@sitedethib.com> | 2019-04-24 19:47:11 +0200 |
commit | ffab9d626a41ecb05f8f61f7615005753a0ee060 (patch) | |
tree | 8b9825dcc2bd0a579c144b244d625c4063a66be2 /app/javascript/flavours | |
parent | 9add18604c46e26bb38f72d88daaeb571288027c (diff) |
Hide media upload form if no media are attached
Diffstat (limited to 'app/javascript/flavours')
-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; } } |