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 panel title doesn't wrap and (#12142)

Browse Source 
dashboard: fix so panel titles doesn't wrap
This commit is contained in:
Patrick O'Carroll 2018-06-07 16:20:55 +02:00 committed by Marcus Efraimsson
parent 1f32871f70
commit 25f2960717
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/sass/pages/_alerting.scss
View File

@ -32,7 +32,7 @@
.panel-alert-icon:before {
content: '\e611';
position: relative;
top: 1px;
top: 5px;
left: -3px;
}
}

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

@ -68,17 +68,26 @@ div.flot-text {
font-weight: $font-weight-semi-bold;
position: relative;
width: 100%;
display: block;
padding-bottom: 2px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
padding: 4px 0 4px;
}
.panel-title-text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: calc(100% - 38px);
cursor: pointer;
font-weight: $font-weight-semi-bold;
&:hover {
color: $link-hover-color;
}
.panel-has-alert & {
max-width: calc(100% - 54px);
}
}
.panel-menu-container {
@ -97,7 +106,7 @@ div.flot-text {
width: 16px;
height: 16px;
left: 1px;
top: 4px;
top: 2px;
&:hover {
color: $link-hover-color;
@ -114,8 +123,6 @@ div.flot-text {
}
.panel-header {
text-align: center;
&:hover {
transition: background-color 0.1s ease-in-out;
background-color: $panel-header-hover-bg;
@ -156,8 +163,8 @@ div.flot-text {
.fa {
position: relative;
top: -4px;
left: -6px;
top: -2px;
left: 6px;
font-size: 75%;
z-index: 1;
}