about summary refs log tree commit diff
path: root/app/javascript
diff options
context:
space:
mode:
authorkedama <kedama@foresdon.jp>2019-04-22 21:55:50 +0900
committerThibaut Girka <thib@sitedethib.com>2019-04-22 22:57:39 +0200
commit039e35560c04e4af1bb35b8ab11b9e145c8a4985 (patch)
treeede17b03acf207674fdf2d535a4ca05a5ed69986 /app/javascript
parenta9eaa780f56d9b10cc7ae9e8134a612cbc96b4f8 (diff)
[Glitch] Fix modal items cannot scroll on touch devices
Port d763d39d2628bef123cdc801b2a3a3922b7e37f2 to glitch-soc
Diffstat (limited to 'app/javascript')
-rw-r--r--app/javascript/flavours/glitch/features/ui/components/actions_modal.js2
-rw-r--r--app/javascript/flavours/glitch/styles/components/modal.scss5
2 files changed, 6 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/features/ui/components/actions_modal.js b/app/javascript/flavours/glitch/features/ui/components/actions_modal.js
index 9ac6dcf49..724f1c764 100644
--- a/app/javascript/flavours/glitch/features/ui/components/actions_modal.js
+++ b/app/javascript/flavours/glitch/features/ui/components/actions_modal.js
@@ -114,7 +114,7 @@ export default class ActionsModal extends ImmutablePureComponent {
       <div className='modal-root__modal actions-modal'>
         {status}
 
-        <ul>
+        <ul className={classNames({ 'with-status': !!status })}>
           {this.props.actions.map(this.renderAction)}
         </ul>
       </div>
diff --git a/app/javascript/flavours/glitch/styles/components/modal.scss b/app/javascript/flavours/glitch/styles/components/modal.scss
index 05af34680..2e5b7be55 100644
--- a/app/javascript/flavours/glitch/styles/components/modal.scss
+++ b/app/javascript/flavours/glitch/styles/components/modal.scss
@@ -621,6 +621,11 @@
   ul {
     overflow-y: auto;
     flex-shrink: 0;
+    max-height: 80vh;
+
+    &.with-status {
+      max-height: calc(80vh - 75px);
+    }
 
     li:empty {
       margin: 0;