fix: Change styles to use dialogClassName; reduce max size

PyWorkflowApp · May 1, 2020 · 5b593e4 · 5b593e4
1 parent 70aee49
commit 5b593e4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/front-end/src/components/CustomNode/GraphView.js b/front-end/src/components/CustomNode/GraphView.js
@@ -130,7 +130,7 @@ export default class GraphView extends React.Component {
                   height={displayHeight < 600 ? displayHeight + 5 : 600}
                   rowCount={this.state.rows.length}
                   rowHeight={index => 20}
-                  width={displayWidth < 1000 ? displayWidth : 1000}
+                  width={displayWidth < 800 ? displayWidth : 800}
               >
                 {this.Cell}
               </Grid>
@@ -142,6 +142,7 @@ export default class GraphView extends React.Component {
               show={this.props.show}
               onHide={this.props.toggleShow}
               centered
+              dialogClassName={"GraphView"}
               onWheel={e => e.stopPropagation()}
           >
           <Modal.Header closeButton>

diff --git a/front-end/src/styles/GraphView.css b/front-end/src/styles/GraphView.css
@@ -15,6 +15,6 @@
     background-color: #f8f8f0;
 }
 
-.modal-dialog, .GraphView {
-    max-width: 70%;
+.GraphView {
+    max-width: 825px;
 }