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

Singlestat: fixed centering issue for very small panels (#16944)

Browse Source
This commit is contained in:
Torkel Ödegaard 2019-05-08 17:21:17 +02:00 committed by GitHub
parent a4d287d2e1
commit e97853abc9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/sass/components/_panel_singlestat.scss
View File

@ -6,16 +6,17 @@
} }
.singlestat-panel-value-container { .singlestat-panel-value-container {
line-height: 1; // line-height 0 is imporant here as the font-size is on this
// level but overriden one level deeper and but the line-height: is still
// based on the base font size on this level. Using line-height: 0 fixes that
line-height: 0;
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
position: relative; position: relative;
z-index: 1; z-index: 1;
font-size: 3em;
font-weight: $font-weight-semi-bold; font-weight: $font-weight-semi-bold;
// helps make the title feel more centered when there is a panel title font-size: 38px;
padding-bottom: $panel-padding;
} }
// Helps // Helps