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

AngularGraph: Fixes issues with legend wrapping after legend refactoring (#30283)

Browse Source
This commit is contained in:
Torkel Ödegaard
2021-01-15 15:17:46 +01:00
committed by GitHub
parent d6b468187e
commit 1ccde2a173
2 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -76,7 +76,7 @@
display: inline;
cursor: pointer;
white-space: nowrap;
font-size: 85%;
font-size: 12px;
text-align: left;
&.current::before {
content: 'Current: ';
@@ -105,6 +105,8 @@
float: left;
white-space: nowrap;
padding-left: 10px;
display: flex;
align-items: center;
&--right-y {
float: right;
@@ -146,17 +148,12 @@
float: none;
display: table-cell;
white-space: nowrap;
padding: 2px 10px;
padding: 2px;
text-align: right;
}
.graph-legend-icon {
width: 5px;
padding: 0;
top: 0;
.fa {
top: 4px;
}
cursor: pointer;
}
.graph-legend-value {
@@ -164,9 +161,7 @@
}
.graph-legend-alias {
padding-left: 7px;
text-align: left;
width: 95%;
max-width: 650px;
text-overflow: ellipsis;
overflow: hidden;
@@ -198,6 +193,11 @@
}
}
.graph-legend-series__table-name {
display: flex;
align-items: center;
}
.graph-legend-series-hidden {
.graph-legend-value,
.graph-legend-alias {