[Glitch] Fix modal items cannot scroll on touch devices

Port d763d39d26 to glitch-soc
This commit is contained in:
kedama 2019-04-22 21:55:50 +09:00 committed by Thibaut Girka
parent a9eaa780f5
commit 039e35560c
2 changed files with 6 additions and 1 deletions

View file

@ -114,7 +114,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>

View file

@ -621,6 +621,11 @@
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;