IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

fixed so legend right works like legend under on small screens

Browse Source
This commit is contained in:
Patrick O'Carroll
2018-03-22 09:41:05 +01:00
parent 3c9f31a0bb
commit f2f709989f
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/plugins/panel/graph/legend.ts
View File

@@ -227,6 +227,8 @@ module.directive('graphLegend', function(popoverSrv, $timeout) {
} }
function renderLegendElement(tableHeaderElem) { function renderLegendElement(tableHeaderElem) {
let legendWidth = elem.width();
var seriesElements = renderSeriesLegendElements(); var seriesElements = renderSeriesLegendElements();
if (panel.legend.alignAsTable) { if (panel.legend.alignAsTable) {
@@ -238,7 +240,7 @@ module.directive('graphLegend', function(popoverSrv, $timeout) {
elem.append(seriesElements); elem.append(seriesElements);
} }
if (!panel.legend.rightSide) { if (!panel.legend.rightSide || (panel.legend.rightSide && legendWidth !== 10)) {
addScrollbar(); addScrollbar();
} else { } else {
destroyScrollbar(); destroyScrollbar();

2
public/sass/components/_panel_graph.scss
View File

@@ -6,12 +6,12 @@
&--legend-right { &--legend-right {
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
flex-direction: row; flex-direction: row;
}
.graph-legend { .graph-legend {
flex: 0 1 10px; flex: 0 1 10px;
max-height: 100%; max-height: 100%;
} }
}
.graph-legend-series { .graph-legend-series {
display: block; display: block;