Skip to content

N
nexpie-grafana-theme
Commit 0525bf5d by bergquist
Options

ux(table): tight-form -> gf-form

parent 59d2fe8a
Showing with 31 additions and 41 deletions
public/app/plugins/datasource/elasticsearch/partials/query.options.html
<section class="grafana-metric-options"> <section class="grafana-metric-options">
<div class="tight-form"> <div class="gf-form-group">
<ul class="tight-form-list"> <div class="gf-form">
<li class="tight-form-item tight-form-item-icon"> <span class="gf-form-label">
<i class="fa fa-wrench"></i> <i class="fa fa-wrench"></i>
</li> </span>
<li class="tight-form-item"> <span class="gf-form-label">Group by time interval</span>
Group by time interval
</li> <input type="text" class="gf-form-input max-width-10" ng-model="ctrl.panelCtrl.panel.interval" ng-blur="ctrl.panelCtrl.refresh();"
<li>
<input type="text" class="input-medium tight-form-input" ng-model="ctrl.panelCtrl.panel.interval" ng-blur="ctrl.panelCtrl.refresh();"
spellcheck='false' placeholder="example: >10s"> spellcheck='false' placeholder="example: >10s">
</li>
<li class="tight-form-item"> <span class="gf-form-label">
<i class="fa fa-question-circle" bs-tooltip="'Set a low limit by having a greater sign: example: >60s'" data-placement="right"></i> <i class="fa fa-question-circle" bs-tooltip="'Set a low limit by having a greater sign: example: >60s'" data-placement="right"></i>
</li> </span>
</ul> </div>
<div class="clearfix"></div> <div class="gf-form">
</div> <span class="gf-form-label">
<div class="tight-form last"> <i class="fa fa-info-circle"></i>
<ul class="tight-form-list"> </span>
<li class="tight-form-item tight-form-item-icon"> <span class="gf-form-label width-23">
<i class="fa fa-info-circle"></i> <a ng-click="ctrl.panelCtrl.toggleEditorHelp(1);" bs-tooltip="'click to show helpful info'" data-placement="bottom">
</li> alias patterns
<li class="tight-form-item"> </a>
<a ng-click="ctrl.panelCtrl.toggleEditorHelp(1);" bs-tooltip="'click to show helpful info'" data-placement="bottom"> </span>
alias patterns </div>
</a>
</li>
</ul>
<div class="clearfix"></div>
</div> </div>
</section> </section>
<div class="editor-row"> <div class="pull-left">
<div class="pull-left" style="margin-top: 30px;"> <div class="grafana-info-box" style="border: 0;" ng-if="ctrl.panelCtrl.editorHelpIndex === 1">
<div class="grafana-info-box span6" ng-if="ctrl.panelCtrl.editorHelpIndex === 1"> <h5>Alias patterns</h5>
<h5>Alias patterns</h5> <ul ng-non-bindable>
<ul ng-non-bindable> <li>{{term fieldname}} = replaced with value of term group by</li>
<li>{{term fieldname}} = replaced with value of term group by</li> <li>{{metric}} = replaced with metric name (ex. Average, Min, Max)</li>
<li>{{metric}} = replaced with metric name (ex. Average, Min, Max)</li> <li>{{field}} = replaced with the metric field name</li>
<li>{{field}} = replaced with the metric field name</li> </ul>
</ul>
</div>
</div> </div>
</div> </div>
public/sass/components/_infobox.scss
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
content: "\f05a"; content: "\f05a";
font-family:'FontAwesome'; font-family:'FontAwesome';
position: absolute; position: absolute;
top: -8px; top: -13px;
left: -8px; left: -8px;
font-size: 20px; font-size: 20px;
color: $blue; color: $blue;
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
.grafana-info-box { .grafana-info-box {
position: relative; position: relative;
padding: 5px 15px; padding: 5px 20px;
background-color: $tight-form-bg; background-color: $tight-form-bg;
border: 1px solid $tight-form-border; border: 1px solid $tight-form-border;
h5 { h5 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment