Fix modal items cannot scroll on touch devices (#10605)
This commit is contained in:
		
							parent
							
								
									bdec58b514
								
							
						
					
					
						commit
						d763d39d26
					
				
					 2 changed files with 6 additions and 1 deletions
				
			
		| 
						 | 
					@ -64,7 +64,7 @@ export default class ActionsModal extends ImmutablePureComponent {
 | 
				
			||||||
      <div className='modal-root__modal actions-modal'>
 | 
					      <div className='modal-root__modal actions-modal'>
 | 
				
			||||||
        {status}
 | 
					        {status}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <ul>
 | 
					        <ul className={classNames({ 'with-status': !!status })}>
 | 
				
			||||||
          {this.props.actions.map(this.renderAction)}
 | 
					          {this.props.actions.map(this.renderAction)}
 | 
				
			||||||
        </ul>
 | 
					        </ul>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -4085,6 +4085,11 @@ a.status-card.compact:hover {
 | 
				
			||||||
  ul {
 | 
					  ul {
 | 
				
			||||||
    overflow-y: auto;
 | 
					    overflow-y: auto;
 | 
				
			||||||
    flex-shrink: 0;
 | 
					    flex-shrink: 0;
 | 
				
			||||||
 | 
					    max-height: 80vh;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &.with-status {
 | 
				
			||||||
 | 
					      max-height: calc(80vh - 75px);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    li:empty {
 | 
					    li:empty {
 | 
				
			||||||
      margin: 0;
 | 
					      margin: 0;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in a new issue