IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-29 12:14:08 -06:00
Code Issues Packages Projects Releases Wiki Activity

made template link look like input (#10198)

Browse Source
This commit is contained in:
Patrick O'Carroll 2017-12-13 18:01:06 +01:00 committed by Torkel Ödegaard
parent 7f0440fded
commit c63569b6ce
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/partials/valueSelectDropdown.html
View File

@ -1,5 +1,5 @@
<div class="variable-link-wrapper"> <div class="variable-link-wrapper">
<a ng-click="vm.show()" class="gf-form-label variable-value-link"> <a ng-click="vm.show()" class="variable-value-link">
{{vm.linkText}} {{vm.linkText}}
<span ng-repeat="tag in vm.selectedTags" bs-tooltip='tag.valuesText' data-placement="bottom"> <span ng-repeat="tag in vm.selectedTags" bs-tooltip='tag.valuesText' data-placement="bottom">
<span class="label-tag"tag-color-from-name="tag.text"> <span class="label-tag"tag-color-from-name="tag.text">
@ -7,7 +7,7 @@
{{tag.text}} {{tag.text}}
</span> </span>
</span> </span>
<i class="fa fa-caret-down"></i> <i class="fa fa-caret-down" style="font-size:12px"></i>
</a> </a>
<input type="text" class="gf-form-input" style="display: none" ng-keydown="vm.keyDown($event)" ng-model="vm.search.query" ng-change="vm.queryChanged()" ></input> <input type="text" class="gf-form-input" style="display: none" ng-keydown="vm.keyDown($event)" ng-model="vm.search.query" ng-change="vm.queryChanged()" ></input>

6
public/sass/components/_submenu.scss
View File

@ -38,7 +38,11 @@
.variable-value-link { .variable-value-link {
padding-right: 10px; padding-right: 10px;
padding: 8px 7px; padding: $input-padding-y $input-padding-x;
background-color: $input-bg;
border: 1px solid $input-border-color;
border-radius: $input-border-radius;
color: $input-color;
box-sizing: content-box; box-sizing: content-box;
display: inline-block; display: inline-block;
color: $text-color; color: $text-color;