diff --git a/ui/src/shared/components/Dygraph.js b/ui/src/shared/components/Dygraph.js index c5b85d2fbb..731afb08e5 100644 --- a/ui/src/shared/components/Dygraph.js +++ b/ui/src/shared/components/Dygraph.js @@ -130,6 +130,7 @@ export default class Dygraph extends Component { if (legend.x !== dygraphComponent.state.legend.x) { dygraphComponent.setState({legend}) + return '
' } return '
' diff --git a/ui/src/shared/components/DygraphLegend.js b/ui/src/shared/components/DygraphLegend.js index f03f918bc7..0d1fed916e 100644 --- a/ui/src/shared/components/DygraphLegend.js +++ b/ui/src/shared/components/DygraphLegend.js @@ -22,7 +22,9 @@ const DygraphLegend = ({series, onSort}) => ( return ( - + {label}: {yHTML} diff --git a/ui/src/style/components/dygraphs.scss b/ui/src/style/components/dygraphs.scss index c3491c74a8..1900fd3966 100644 --- a/ui/src/style/components/dygraphs.scss +++ b/ui/src/style/components/dygraphs.scss @@ -6,7 +6,6 @@ } } - .graph-vertical-marker { top: 0; bottom: 0; @@ -22,7 +21,6 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='fade-out($g20-white, 0.71)', endColorstr='fade-out($g20-white, 0.71)',GradientType=0 ); } .container--dygraph-legend { - transform: translateX(-50%); background-color: $g0-obsidian; display: block !important; position: absolute;