Hide media upload form if no media are attached

master
Thibaut Girka 5 years ago committed by ThibG
parent 9add18604c
commit ffab9d626a
  1. 12
      app/javascript/flavours/glitch/features/compose/components/upload_form.js
  2. 6
      app/javascript/flavours/glitch/styles/components/composer.scss

@ -16,11 +16,13 @@ export default class UploadForm extends ImmutablePureComponent {
<div className='composer--upload_form'> <div className='composer--upload_form'>
<UploadProgressContainer /> <UploadProgressContainer />
<div className='content'> {mediaIds.size > 0 && (
{mediaIds.map(id => ( <div className='content'>
<UploadContainer id={id} key={id} /> {mediaIds.map(id => (
))} <UploadContainer id={id} key={id} />
</div> ))}
</div>
)}
</div> </div>
); );
} }

@ -241,16 +241,14 @@
} }
.composer--upload_form { .composer--upload_form {
padding: 5px; overflow: hidden;
color: $inverted-text-color;
background: $simple-background-color;
font-size: 14px;
& > .content { & > .content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
font-family: inherit; font-family: inherit;
padding: 5px;
overflow: hidden; overflow: hidden;
} }
} }

Loading…
Cancel
Save