IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-26 19:00:54 -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; display: block;
} }
.panel-links-btn {
margin-left: 10px;
display: none;
}
.panel-help-text {
margin-left: 10px;
display: none;
}
.panel-loading { .panel-loading {
position:absolute; position:absolute;
top: -3px; top: -3px;
@ -89,6 +79,23 @@ div.flot-text {
text-align: center; 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 { .panel-info-corner {
color: $text-muted; color: $text-muted;
cursor: pointer; cursor: pointer;
@ -105,11 +112,12 @@ div.flot-text {
top: -4px; top: -4px;
left: -6px; left: -6px;
font-size: 75%; font-size: 75%;
z-index: 1000;
} }
&--info { &--info {
display: block; display: block;
background: lighten($panel-bg, 4%); @include panel-corner-color(lighten($panel-bg, 4%));
.fa:before { .fa:before {
content: "\f129"; content: "\f129";
} }
@ -117,7 +125,7 @@ div.flot-text {
&--links { &--links {
display: block; display: block;
background: lighten($panel-bg, 4%); @include panel-corner-color(lighten($panel-bg, 4%));
.fa { .fa {
left: -5px; left: -5px;
} }
@ -129,24 +137,13 @@ div.flot-text {
&--error { &--error {
display: block; display: block;
color: $text-color; color: $text-color;
background: $errorBackground !important; @include panel-corner-color($errorBackground);
.fa:before { .fa:before {
content: "\f12a"; 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 { .panel-full-edit {
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;