made template link look like input (#10198)

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

View File

@ -1,5 +1,5 @@
<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}}
<span ng-repeat="tag in vm.selectedTags" bs-tooltip='tag.valuesText' data-placement="bottom">
<span class="label-tag"tag-color-from-name="tag.text">
@ -7,7 +7,7 @@
{{tag.text}}
</span>
</span>
<i class="fa fa-caret-down"></i>
<i class="fa fa-caret-down" style="font-size:12px"></i>
</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>

View File

@ -38,7 +38,11 @@
.variable-value-link {
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;
display: inline-block;
color: $text-color;