[dist_bar] fix x scroll when overflowing (#2440)

This commit is contained in:
Maxime Beauchemin 2017-03-21 14:00:45 -07:00 committed by GitHub
parent a4abbfe126
commit edf5c0e83b
3 changed files with 8 additions and 4 deletions

View File

@ -263,7 +263,7 @@ export function dashboardContainer(dashboard) {
this.sliceObjects.forEach(slice => {
if (slice.data.slice_id !== sliceId && immune.indexOf(slice.data.slice_id) === -1) {
slice.render();
const sliceSeletor = $(`#${slice.data.token}-cell`);
const sliceSeletor = $(`#${slice.data.slice_id}-cell`);
sliceSeletor.addClass('slice-cell-highlight');
setTimeout(function () {
sliceSeletor.removeClass('slice-cell-highlight');

View File

@ -98,7 +98,7 @@ class GridLayout extends React.Component {
id={'slice_' + slice.slice_id}
key={slice.slice_id}
data-slice-id={slice.slice_id}
className={`widget ${slice.form_data.viz_type}`}
className="widget"
>
<SliceCell
slice={slice}

View File

@ -8,7 +8,7 @@ const propTypes = {
function SliceCell({ expandedSlices, removeSlice, slice }) {
return (
<div className="slice-cell" id={`${slice.token}-cell`}>
<div className="slice-cell" id={`${slice.slice_id}-cell`}>
<div className="chart-header">
<div className="row">
<div className="col-md-12 header">
@ -73,7 +73,11 @@ function SliceCell({ expandedSlices, removeSlice, slice }) {
className="loading"
alt="loading"
/>
<div className="slice_container" id={'con_' + slice.slice_id}></div>
<div
id={'con_' + slice.slice_id}
className={`slice_container ${slice.form_data.viz_type}`}
>
</div>
</div>
</div>
</div>