Reactify dashboard grid (#523)
* Use react-grid-layout instead of gridster
* visualizations show and resize
* display slice name and description; links work
* positioning of widgets to match gridster, rowHeight matches
* Change margins, rowHeight, unpositioned viz, and expandedSlices to match gridster
* Saving dashboard, deleting slices, formatting on slices (chart control and resize handle), expanded slices fixed.
* responsiveness + use es6 classes
* Minor ui fixes + linting
* CSS transforms on slices messes up nvd3 tooltip positioning.
Turn off CSS transforms for the time being, with a cost of painting speed.
Issue is currently being looked at on the nvd3 repo
PR: https://github.com/novus/nvd3/pull/1674
* Remove breakpoint listener, fires when it shouldn't (i.e. too often)
* resize is no longer buggy, minor cleanup
* gridster class, const, landscape error
* one source of data for data to front end from python
2016-06-02 15:31:05 -04:00
|
|
|
.slice-grid .widget.table .slice_container {
|
2016-03-18 02:44:58 -04:00
|
|
|
overflow: auto !important;
|
|
|
|
}
|
|
|
|
|
2016-04-11 15:11:47 -04:00
|
|
|
.widget.table table {
|
|
|
|
margin: 0px !important;
|
|
|
|
}
|
|
|
|
|
2016-03-18 02:44:58 -04:00
|
|
|
.widget.table td.filtered {
|
|
|
|
background-color: #005a63;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
2016-04-11 15:11:47 -04:00
|
|
|
.widget.table tr>th {
|
2016-03-18 02:44:58 -04:00
|
|
|
padding: 1px 5px !important;
|
|
|
|
font-size: small !important;
|
|
|
|
}
|
|
|
|
|
2016-04-11 15:11:47 -04:00
|
|
|
.widget.table tr>td {
|
2016-03-18 02:44:58 -04:00
|
|
|
padding: 1px 5px !important;
|
|
|
|
font-size: small !important;
|
|
|
|
}
|