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 { .panel-alert-icon:before {
content: '\e611'; content: '\e611';
position: relative; position: relative;
top: 1px; top: 5px;
left: -3px; left: -3px;
} }
} }

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

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