Add font size option to metric vis
This commit is contained in:
parent
9943ad5aca
commit
934953290f
|
@ -1,4 +1,4 @@
|
|||
<div ng-controller="KbnMetricVisController" class="metric-vis">
|
||||
<div class="metric-value">{{metric.value}}</div>
|
||||
<div class="metric-value" style="font-size: {{vis.params.fontSize}}pt">{{metric.value}}</div>
|
||||
<div>{{metric.label}}</div>
|
||||
</div>
|
|
@ -16,6 +16,12 @@ define(function (require) {
|
|||
title: 'Metric',
|
||||
icon: 'fa-calculator',
|
||||
template: require('text!plugins/metric_vis/metric_vis.html'),
|
||||
params: {
|
||||
defaults: {
|
||||
fontSize: 60
|
||||
},
|
||||
editor: require('text!plugins/metric_vis/metric_vis_params.html')
|
||||
},
|
||||
schemas: new Schemas([
|
||||
{
|
||||
group: 'metrics',
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
.justify-content(center);
|
||||
|
||||
.metric-value {
|
||||
font-size: 5em;
|
||||
font-weight: bold;
|
||||
.ellipsis();
|
||||
}
|
||||
|
|
4
src/kibana/plugins/metric_vis/metric_vis_params.html
Normal file
4
src/kibana/plugins/metric_vis/metric_vis_params.html
Normal file
|
@ -0,0 +1,4 @@
|
|||
<div class="form-group">
|
||||
<label>Font Size</label>
|
||||
<input type="range" ng-model="vis.params.fontSize" class="form-control" min="12" max="120" />
|
||||
</div>
|
Loading…
Reference in a new issue