2016-04-26 19:14:40 -04:00
|
|
|
.dashboard a i {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
.dashboard i.drag {
|
|
|
|
cursor: move !important;
|
|
|
|
}
|
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
|
|
|
.dashboard .slice-grid .preview-holder {
|
2016-04-26 19:14:40 -04:00
|
|
|
z-index: 1;
|
|
|
|
position: absolute;
|
|
|
|
background-color: #AAA;
|
|
|
|
border-color: #AAA;
|
|
|
|
opacity: 0.3;
|
|
|
|
}
|
2016-07-13 23:40:52 -04:00
|
|
|
div.widget .chart-controls {
|
|
|
|
background-clip: content-box;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 100;
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
|
|
|
top: 5px;
|
|
|
|
padding: 5px 5px;
|
|
|
|
opacity: 0.75;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.slice-grid div.widget {
|
2016-04-26 19:14:40 -04:00
|
|
|
border-radius: 0;
|
2016-08-08 13:55:03 -04:00
|
|
|
border: 0px;
|
|
|
|
box-shadow: none;
|
2016-04-26 19:14:40 -04:00
|
|
|
background-color: #fff;
|
2016-07-13 23:40:52 -04:00
|
|
|
overflow: visible;
|
2016-04-26 19:14:40 -04:00
|
|
|
}
|
2016-07-21 15:30:40 -04:00
|
|
|
|
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
|
|
|
.dashboard .slice-grid .dragging,
|
|
|
|
.dashboard .slice-grid .resizing {
|
2016-04-26 19:14:40 -04:00
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
.dashboard img.loading {
|
|
|
|
width: 20px;
|
|
|
|
margin: 5px;
|
|
|
|
position: absolute;
|
|
|
|
}
|
2016-08-08 13:55:03 -04:00
|
|
|
|
2016-04-26 19:14:40 -04:00
|
|
|
.dashboard .slice_title {
|
|
|
|
text-align: center;
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 14px;
|
|
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
.dashboard div.slice_content {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2016-07-08 00:40:33 -04:00
|
|
|
.modal img.loading {
|
|
|
|
width: 50px;
|
|
|
|
margin: 0;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.react-bs-container-body {
|
|
|
|
max-height: 400px;
|
|
|
|
overflow-y: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hidden, #pageDropDown {
|
|
|
|
display: none;
|
|
|
|
}
|
2016-07-13 23:40:52 -04:00
|
|
|
|
|
|
|
.slice-grid div.separator.widget {
|
2016-08-08 13:55:03 -04:00
|
|
|
border: 1px solid transparent;
|
2016-07-13 23:40:52 -04:00
|
|
|
box-shadow: none;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
.slice-grid div.separator.widget:hover {
|
|
|
|
border: 1px solid #EEE;
|
|
|
|
}
|
|
|
|
.slice-grid div.separator.widget .chart-header {
|
|
|
|
background-color: transparent;
|
|
|
|
color: transparent;
|
|
|
|
}
|
|
|
|
.slice-grid div.separator.widget h1,h2,h3,h4 {
|
|
|
|
margin-top: 0px;
|
|
|
|
}
|
|
|
|
.dashboard .separator.widget .slice_container {
|
|
|
|
padding: 0px;
|
|
|
|
overflow: visible;
|
|
|
|
}
|
|
|
|
.dashboard .separator.widget .slice_container hr {
|
|
|
|
margin-top: 5px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
.separator .chart-container {
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
}
|
2016-08-08 13:55:03 -04:00
|
|
|
|
|
|
|
.dashboard .title {
|
|
|
|
margin: 0 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dashboard .title .favstar {
|
2016-08-17 11:05:47 -04:00
|
|
|
font-size: 20px;
|
2016-08-08 13:55:03 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.chart-header .header {
|
|
|
|
font-size: 16px;
|
|
|
|
}
|