[dashboard] more granular grid layout (#4416)

Moving to a grid that is 4 times more granular. 48 columns. Shipping a db migration script which will upgrade the position metadata to reflect this change. Also adapting the examples to the new grid parameters.
apache · Feb 16, 2018 · 680bfc1 · 680bfc1
1 parent 1e99f9e
commit 680bfc1
Show file tree

Hide file tree

Showing 3 changed files with 342 additions and 228 deletions.
diff --git a/superset/assets/javascripts/dashboard/components/GridLayout.jsx b/superset/assets/javascripts/dashboard/components/GridLayout.jsx
@@ -179,8 +179,8 @@ class GridLayout extends React.Component {
         layouts={{ lg: this.props.dashboard.layout }}
         onResizeStop={this.onResizeStop}
         onDragStop={this.onDragStop}
-        cols={{ lg: 12, md: 12, sm: 10, xs: 8, xxs: 6 }}
-        rowHeight={100}
+        cols={{ lg: 48, md: 48, sm: 40, xs: 32, xxs: 24 }}
+        rowHeight={10}
         autoSize
         margin={[20, 20]}
         useCSSTransforms