IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

refactor: minor css class naming change of #10505

Browse Source
This commit is contained in:
Torkel Ödegaard 2018-01-23 16:10:04 +01:00
parent 12b08b61d7
commit dd70710617
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/app/plugins/datasource/graphite/func_editor.js
View File

@ -43,7 +43,7 @@ function (angular, _, $, rst2html) {
$input.val(func.params[paramIndex]); $input.val(func.params[paramIndex]);
$comma.removeClass('last'); $comma.removeClass('query-part__last');
$link.hide(); $link.hide();
$input.show(); $input.show();
$input.focus(); $input.focus();
@ -103,10 +103,10 @@ function (angular, _, $, rst2html) {
ctrl.targetChanged(); ctrl.targetChanged();
}); });
if ($link.hasClass('last') && newValue === '') { if ($link.hasClass('query-part__last') && newValue === '') {
$comma.addClass('last'); $comma.addClass('query-part__last');
} else { } else {
$link.removeClass('last'); $link.removeClass('query-part__last');
} }
$input.hide(); $input.hide();
@ -202,11 +202,11 @@ function (angular, _, $, rst2html) {
} }
if (index > 0) { if (index > 0) {
$('<span class="comma' + (last ? ' last' : '') + '">, </span>').appendTo(elem); $('<span class="comma' + (last ? ' query-part__last' : '') + '">, </span>').appendTo(elem);
} }
var $paramLink = $( var $paramLink = $(
'<a ng-click="" class="graphite-func-param-link' + (last ? ' last' : '') + '">' '<a ng-click="" class="graphite-func-param-link' + (last ? ' query-part__last' : '') + '">'
+ (paramValue || '&nbsp;') + '</a>'); + (paramValue || '&nbsp;') + '</a>');
var $input = $(paramTemplate); var $input = $(paramTemplate);
$input.attr('placeholder', param.name); $input.attr('placeholder', param.name);

4
public/sass/components/_query_part.scss
View File

@ -7,11 +7,11 @@
text-align: center; text-align: center;
} }
.last { .query-part__last {
display: none; display: none;
} }
&:hover .last { &:hover .query-part__last {
display: inline; display: inline;
} }
} }