From e16f794050e6225462a409d6ae1c27c14f5e839e Mon Sep 17 00:00:00 2001
From: DD Liu <liudi@media.mit.edu>
Date: Thu, 25 May 2017 14:47:30 -0400
Subject: [PATCH] fix css so that when the library doesn't fill the screen, the
modal does not shrink
---
src/components/modal/modal.css | 2 ++
src/components/modal/modal.jsx | 1 +
2 files changed, 3 insertions(+)
diff --git a/src/components/modal/modal.css b/src/components/modal/modal.css
index 138685c6d..ef1a5a74e 100644
--- a/src/components/modal/modal.css
+++ b/src/components/modal/modal.css
@@ -19,6 +19,8 @@
-webkit-overflow-scrolling: 'touch';
user-select: none;
height: 100%;
+ width: 100%;
+ display: flex;
}
/*
diff --git a/src/components/modal/modal.jsx b/src/components/modal/modal.jsx
index ba3070bbf..750be7c11 100644
--- a/src/components/modal/modal.jsx
+++ b/src/components/modal/modal.jsx
@@ -21,6 +21,7 @@ class ModalComponent extends React.Component {
>
<Box
direction="column"
+ grow="1"
>
<div className={styles.header}>
<div className={classNames(styles.headerItem, styles.headerItemFilter)}>
--
GitLab