IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-26 02:40:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix(metricsegment): added min width for inputs for metric segment and value select components

Browse Source
This commit is contained in:
Torkel Ödegaard 2016-09-30 13:13:28 +02:00
parent fe4a0a98c1
commit 2908c6a80b
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/core/directives/metric_segment.js
View File

@ -136,7 +136,7 @@ function (_, $, coreModule) {
$button.click(function() {
options = null;
$input.css('width', ($button.width() + 16) + 'px');
$input.css('width', (Math.max($button.width(), 80) + 16) + 'px');
$button.hide();
$input.show();

2
public/app/core/directives/value_select_dropdown.js
View File

@ -236,7 +236,7 @@ function (angular, _, coreModule) {
var inputEl = elem.find('input');
function openDropdown() {
inputEl.css('width', Math.max(linkEl.width(), 30) + 'px');
inputEl.css('width', Math.max(linkEl.width(), 80) + 'px');
inputEl.show();
linkEl.hide();

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

@ -10,7 +10,7 @@
<i class="fa fa-caret-down"></i>
</a>
<input type="text" class="hidden-input input-small 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>
<div class="variable-value-dropdown" ng-if="vm.dropdownVisible" ng-class="{'multi': vm.variable.multi, 'single': !vm.variable.multi}">
<div class="variable-options-wrapper">