mirror of
https://github.com/grafana/grafana.git
synced 2025-01-24 23:37:01 -06:00
feat(query editors): changed chevron position
This commit is contained in:
parent
7b560f9080
commit
f1d4fd3e67
@ -1,15 +1,15 @@
|
||||
|
||||
<div class="gf-form-query">
|
||||
<div class="gf-form">
|
||||
<label class="gf-form-label">
|
||||
{{ctrl.target.refId}}
|
||||
<label class="gf-form-label">
|
||||
<a class="pointer query-keyword" tabindex="1" ng-click="ctrl.toggleCollapse()" ng-class="{muted: !ctrl.canCollapse}">
|
||||
<i class="fa fa-caret-down" ng-hide="ctrl.collapsed"></i>
|
||||
<i class="fa fa-caret-right" ng-show="ctrl.collapsed"></i>
|
||||
{{ctrl.target.refId}}
|
||||
<em ng-show="ctrl.target.datasource">{{ctrl.target.datasource}} </em>
|
||||
</a>
|
||||
</label>
|
||||
<label class="gf-form-label">
|
||||
<a ng-click="ctrl.toggleHideQuery()" role="menuitem">
|
||||
<i class="fa fa-eye"></i>
|
||||
</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="gf-form-query-content gf-form-query-content--collapsed" ng-if="ctrl.collapsed">
|
||||
<div class="gf-form">
|
||||
@ -23,13 +23,6 @@
|
||||
</div>
|
||||
|
||||
<div class="gf-form">
|
||||
<label class="gf-form-label">
|
||||
<a class="pointer" tabindex="1" ng-click="ctrl.toggleCollapse()" ng-class="{muted: !ctrl.canCollapse}">
|
||||
<em ng-show="ctrl.target.datasource">{{ctrl.target.datasource}} </em>
|
||||
<i class="fa fa-fw fa-chevron-down" ng-hide="ctrl.collapsed"></i>
|
||||
<i class="fa fa-fw fa-chevron-left" ng-show="ctrl.collapsed"></i>
|
||||
</a>
|
||||
</label>
|
||||
<label class="gf-form-label dropdown">
|
||||
<a class="pointer dropdown-toggle" data-toggle="dropdown" tabindex="1">
|
||||
<i class="fa fa-bars"></i>
|
||||
@ -49,6 +42,11 @@
|
||||
</li>
|
||||
</ul>
|
||||
</label>
|
||||
<label class="gf-form-label">
|
||||
<a ng-click="ctrl.toggleHideQuery()" role="menuitem">
|
||||
<i class="fa fa-eye"></i>
|
||||
</a>
|
||||
</label>
|
||||
<label class="gf-form-label">
|
||||
<a class="pointer" tabindex="1" ng-click="ctrl.removeQuery(ctrl.target)">
|
||||
<i class="fa fa-trash"></i>
|
||||
|
@ -1,5 +1,7 @@
|
||||
<query-editor-row ctrl="ctrl">
|
||||
<li class="tight-form-item">
|
||||
Test metric (fake data source)
|
||||
</li>
|
||||
<query-editor-row query-ctrl="ctrl" can-collapse="false">
|
||||
<div class="gf-form-inline">
|
||||
<div class="gf-form">
|
||||
<label class="gf-form-label">Test metric (fake data source)</label>
|
||||
</div>
|
||||
</div>
|
||||
</query-editor-row>
|
||||
|
@ -251,5 +251,3 @@
|
||||
</div>
|
||||
</query-editor-row>
|
||||
|
||||
|
||||
|
||||
|
@ -118,6 +118,10 @@ small,
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.small-xs {
|
||||
font-size: $font-size-xs;
|
||||
}
|
||||
|
||||
mark,
|
||||
.mark {
|
||||
padding: .2em;
|
||||
|
Loading…
Reference in New Issue
Block a user