Hide media upload form if no media are attached
This commit is contained in:
		
							parent
							
								
									0ffd5fdd2c
								
							
						
					
					
						commit
						4a95bfe919
					
				
					 2 changed files with 9 additions and 9 deletions
				
			
		| 
						 | 
				
			
			@ -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…
	
		Reference in a new issue