Make variable explorer full-height

nikitakit · Mar 9, 2018 · c8c39e0 · c8c39e0
1 parent 1afde8a
commit c8c39e0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/lib/variable-explorer.js b/lib/variable-explorer.js
@@ -44,7 +44,7 @@ export default class VariableExplorer extends React.Component {
 class VariableExplorerRenderer extends React.Component {
   render() {
     return (
-      <div>
+      <div class="hpy-variable-explorer">
         <ReactTable
           data={this.props.data.tableData}
           columns={[
@@ -68,9 +68,10 @@ class VariableExplorerRenderer extends React.Component {
               accessor: "value",
             },
           ]}
-          defaultPageSize={10}
+          defaultPageSize={100}
           showPageSizeOptions={false}
-          className="-striped -highlight"
+          minRows={20}
+          className="-striped -highlight hpy-variable-table"
           noDataText="Variable explorer will initialize once you run a chunk of code. This experimental feature was tested with Python 3 only."
         />
       </div>

diff --git a/styles/hydrogen-python.less b/styles/hydrogen-python.less
@@ -1 +1,9 @@
 @import (less) "../node_modules/react-table/react-table.css";
+
+div.hpy-variable-explorer {
+    height: 100%;
+}
+
+.hpy-variable-table {
+    height: 100%;
+}