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'>
<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>
);
}

@ -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;
}
}

Loading…
Cancel
Save