IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-26 10:50:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix(panel): fixed panel help text for panels that set background color, fixes #7085

Browse Source
This commit is contained in:
Torkel Ödegaard 2017-01-02 11:13:50 +01:00
parent 9855ea8c6c
commit 8030b56bba
1 changed files with 21 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
public/sass/pages/_dashboard.scss
View File

@ -68,16 +68,6 @@ div.flot-text {
display: block;
}
.panel-links-btn {
margin-left: 10px;
display: none;
}
.panel-help-text {
margin-left: 10px;
display: none;
}
.panel-loading {
position:absolute;
top: -3px;
@ -89,6 +79,23 @@ div.flot-text {
text-align: center;
}
.panel-info-corner-inner {
width: 0;
height: 0;
position: absolute;
left: 0;
bottom: 0;
}
@mixin panel-corner-color($corner-bg) {
.panel-info-corner-inner {
border-left: 27px solid $corner-bg;
border-right: none;
border-bottom: 27px solid transparent;
}
}
.panel-info-corner {
color: $text-muted;
cursor: pointer;
@ -105,11 +112,12 @@ div.flot-text {
top: -4px;
left: -6px;
font-size: 75%;
z-index: 1000;
}
&--info {
display: block;
background: lighten($panel-bg, 4%);
@include panel-corner-color(lighten($panel-bg, 4%));
.fa:before {
content: "\f129";
}
@ -117,7 +125,7 @@ div.flot-text {
&--links {
display: block;
background: lighten($panel-bg, 4%);
@include panel-corner-color(lighten($panel-bg, 4%));
.fa {
left: -5px;
}
@ -129,24 +137,13 @@ div.flot-text {
&--error {
display: block;
color: $text-color;
background: $errorBackground !important;
@include panel-corner-color($errorBackground);
.fa:before {
content: "\f12a";
}
}
}
.panel-info-corner-inner {
width: 0;
height: 0;
position: absolute;
border-left: 27px solid transparent;
border-right: 0px solid transparent;
border-bottom: 26px solid $panel-bg;
left: 0;
bottom: 0;
}
.panel-full-edit {
margin-top: 20px;
margin-bottom: 20px;