Hide media upload form if no media are attached

master
Thibaut Girka 6 years ago committed by ThibG
parent 9add18604c
commit ffab9d626a
  1. 2
      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 />
{mediaIds.size > 0 && (
<div className='content'> <div className='content'>
{mediaIds.map(id => ( {mediaIds.map(id => (
<UploadContainer id={id} key={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