Fixed query editor options styles.

This commit is contained in:
Alexander Zobnin
2016-12-20 21:22:18 +03:00
parent bd496203c5
commit c191e3d2e1

View File

@@ -1,58 +1,50 @@
<section class="grafana-metric-options"> <section class="grafana-metric-options gf-form-group">
<div class="gf-form-inline">
<div class="tight-form"> <div class="gf-form max-width-15">
<ul class="tight-form-list"> <span class="gf-form-label">Max data points</span>
<li class="tight-form-item tight-form-item-icon"> <input type="text"
<i class="fa fa-wrench"></i> class="gf-form-input"
</li> ng-model="ctrl.panelCtrl.panel.maxDataPoints"
<li class="tight-form-item"> bs-tooltip="'Override max data points, automatically set to graph width in pixels.'"
Max data points data-placement="right"
</li> ng-model-onblur ng-change="ctrl.panelCtrl.refresh()"
<li> spellcheck='false'
<input type="text" placeholder="auto">
class="input-mini tight-form-input" </input>
ng-model="ctrl.panelCtrl.panel.maxDataPoints" </div>
bs-tooltip="'Override max data points, automatically set to graph width in pixels.'"
data-placement="right"
ng-model-onblur ng-change="ctrl.panelCtrl.refresh()"
spellcheck='false'
placeholder="auto">
</li>
</ul>
<div class="clearfix"></div>
</div> </div>
<div class="tight-form last"> <div class="gf-form-inline">
<ul class="tight-form-list"> <div class="gf-form">
<li class="tight-form-item tight-form-item-icon"> <span class="gf-form-label width-10">
<i class="fa fa-info-circle"></i> <i class="fa fa-info-circle"></i>
</li> <a ng-click="ctrl.panelCtrl.toggleEditorHelp(1);" bs-tooltip="'click to show helpful info'" data-placement="bottom">
<li class="tight-form-item">
<a ng-click="ctrl.panelCtrl.toggleEditorHelp(1)" bs-tooltip="'click to show helpful info'" data-placement="bottom">
Max data points Max data points
</a> </a>
</li> </span>
<li class="tight-form-item"> <span class="gf-form-label width-10">
<a ng-click="ctrl.panelCtrl.toggleEditorHelp(2)" bs-tooltip="'click to show helpful info'" data-placement="bottom"> <i class="fa fa-info-circle"></i>
<a ng-click="ctrl.panelCtrl.toggleEditorHelp(2);" bs-tooltip="'click to show helpful info'" data-placement="bottom">
IT services IT services
</a> </a>
</li> </span>
<li class="tight-form-item"> <span class="gf-form-label width-12">
<i class="fa fa-info-circle"></i>
<a ng-click="ctrl.panelCtrl.toggleEditorHelp(3)" bs-tooltip="'click to show helpful info'" data-placement="bottom"> <a ng-click="ctrl.panelCtrl.toggleEditorHelp(3)" bs-tooltip="'click to show helpful info'" data-placement="bottom">
IT service property IT service property
</a> </a>
</li> </span>
<li class="tight-form-item"> <span class="gf-form-label width-8">
<i class="fa fa-info-circle"></i>
<a ng-click="ctrl.panelCtrl.toggleEditorHelp(4)" bs-tooltip="'click to show helpful info'" data-placement="bottom"> <a ng-click="ctrl.panelCtrl.toggleEditorHelp(4)" bs-tooltip="'click to show helpful info'" data-placement="bottom">
Text filter Text filter
</a> </a>
</li> </span>
</ul> </div>
<div class="clearfix"></div>
</div> </div>
</section> </section>
<div class="editor-row"> <div class="editor-row">
<div class="pull-left" style="margin-top: 30px;"> <div class="pull-left">
<div class="grafana-info-box span8" ng-if="ctrl.panelCtrl.editorHelpIndex === 1"> <div class="grafana-info-box span8" ng-if="ctrl.panelCtrl.editorHelpIndex === 1">
<h5>Max data points</h5> <h5>Max data points</h5>