me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[Glitch] Fix modal items cannot scroll on touch devices

Browse source 
Port 92ced1e94b to glitch-soc
This commit is contained in:
kedama 2019-04-22 21:55:50 +09:00 committed by Thibaut Girka
parent 6f85bb754b
commit 4ce6358787
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/flavours/glitch/features/ui/components/actions_modal.js
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>

5
app/javascript/flavours/glitch/styles/components/modal.scss
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;