Skip to content

N
nexpie-grafana-theme
Commit becdaafd by Torkel Ödegaard
Options

Refactored away the graphite-target-inner / tight-form-row

parent 72d7a7d9
Showing with 266 additions and 280 deletions
src/app/features/graphite/funcEditor.js
...@@ -126,7 +126,7 @@ function (angular, _, $) { ...@@ -126,7 +126,7 @@ function (angular, _, $) {
} }
function toggleFuncControls() { function toggleFuncControls() {
var targetDiv = elem.closest('.tight-form-row'); var targetDiv = elem.closest('.tight-form');
if (elem.hasClass('show-function-controls')) { if (elem.hasClass('show-function-controls')) {
elem.removeClass('show-function-controls'); elem.removeClass('show-function-controls');
......
src/app/features/graphite/partials/query.editor.html
...@@ -5,8 +5,6 @@ ...@@ -5,8 +5,6 @@
ng-class="{'tight-form-disabled': target.hide}" ng-class="{'tight-form-disabled': target.hide}"
ng-controller="GraphiteQueryCtrl" ng-controller="GraphiteQueryCtrl"
ng-init="init()"> ng-init="init()">
<div class="tight-form-row">
<ul class="tight-form-list pull-right"> <ul class="tight-form-list pull-right">
<li ng-show="parserError" class="tight-form-item"> <li ng-show="parserError" class="tight-form-item">
<a bs-tooltip="parserError" style="color: rgb(229, 189, 28)" role="menuitem"> <a bs-tooltip="parserError" style="color: rgb(229, 189, 28)" role="menuitem">
...@@ -86,80 +84,75 @@ ...@@ -86,80 +84,75 @@
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div>
</div> </div>
<section class="grafana-metric-options"> <section class="grafana-metric-options">
<div class="tight-form"> <div class="tight-form">
<div class="tight-form-row"> <ul class="tight-form-list">
<ul class="tight-form-list"> <li class="tight-form-item tight-form-item-icon">
<li class="tight-form-item tight-form-item-icon"> <i class="fa fa-wrench"></i>
<i class="fa fa-wrench"></i> </li>
</li> <li class="tight-form-item">
<li class="tight-form-item"> Cache timeout
Cache timeout </li>
</li> <li>
<li> <input type="text"
<input type="text" class="input-mini tight-form-input"
class="input-mini tight-form-input" ng-model="panel.cacheTimeout"
ng-model="panel.cacheTimeout" bs-tooltip="'Graphite parameter to override memcache default timeout (unit is seconds)'"
bs-tooltip="'Graphite parameter to override memcache default timeout (unit is seconds)'" data-placement="right"
data-placement="right" spellcheck='false'
spellcheck='false' placeholder="60">
placeholder="60"> </li>
</li> <li class="tight-form-item">
<li class="tight-form-item"> Max data points
Max data points </li>
</li> <li>
<li> <input type="text"
<input type="text" class="input-mini tight-form-input"
class="input-mini tight-form-input" ng-model="panel.maxDataPoints"
ng-model="panel.maxDataPoints" bs-tooltip="'Override max data points, automatically set to graph width in pixels.'"
bs-tooltip="'Override max data points, automatically set to graph width in pixels.'" data-placement="right"
data-placement="right" ng-model-onblur ng-change="get_data()"
ng-model-onblur ng-change="get_data()" spellcheck='false'
spellcheck='false' placeholder="auto">
placeholder="auto"> </li>
</li> </ul>
</ul> <div class="clearfix"></div>
<div class="clearfix"></div> </div>
</div> <div class="tight-form">
<div class="tight-form-row"> <ul class="tight-form-list">
<ul class="tight-form-list"> <li class="tight-form-item tight-form-item-icon">
<li class="tight-form-item tight-form-item-icon"> <i class="fa fa-info-circle"></i>
<i class="fa fa-info-circle"></i> </li>
</li> <li class="tight-form-item">
<li class="tight-form-item"> <a ng-click="toggleEditorHelp(1);" bs-tooltip="'click to show helpful info'" data-placement="bottom">
<a ng-click="toggleEditorHelp(1);" bs-tooltip="'click to show helpful info'" data-placement="bottom"> shorter legend names
shorter legend names </a>
</a> </li>
</li> <li class="tight-form-item">
<li class="tight-form-item"> <a ng-click="toggleEditorHelp(2);" bs-tooltip="'click to show helpful info'" data-placement="bottom">
<a ng-click="toggleEditorHelp(2);" bs-tooltip="'click to show helpful info'" data-placement="bottom"> series as parameters
series as parameters </a>
</a> </li>
</li> <li class="tight-form-item">
<li class="tight-form-item"> <a ng-click="toggleEditorHelp(3)" bs-tooltip="'click to show helpful info'" data-placement="bottom">
<a ng-click="toggleEditorHelp(3)" bs-tooltip="'click to show helpful info'" data-placement="bottom"> stacking
stacking </a>
</a> </li>
</li> <li class="tight-form-item">
<li class="tight-form-item"> <a ng-click="toggleEditorHelp(4)" bs-tooltip="'click to show helpful info'" data-placement="bottom">
<a ng-click="toggleEditorHelp(4)" bs-tooltip="'click to show helpful info'" data-placement="bottom"> templating
templating </a>
</a> </li>
</li> <li class="tight-form-item">
<li class="tight-form-item"> <a ng-click="toggleEditorHelp(5)" bs-tooltip="'click to show helpful info'" data-placement="bottom">
<a ng-click="toggleEditorHelp(5)" bs-tooltip="'click to show helpful info'" data-placement="bottom"> max data points
max data points </a>
</a> </li>
</li> </ul>
</ul> <div class="clearfix"></div>
<div class="clearfix"></div>
</div>
</div> </div>
</div>
</section> </section>
<div class="editor-row"> <div class="editor-row">
......
src/app/features/influxdb/partials/query.editor.html
<div class="editor-row"> <div class="editor-row">
<div ng-repeat="target in panel.targets" ng-controller="InfluxQueryCtrl" ng-init="init()" ng-class="{'tight-form-disabled': target.hide}" class="tight-form-container">
<div ng-repeat="target in panel.targets" <div class="tight-form">
class="tight-form"
ng-class="{'tight-form-disabled': target.hide}"
ng-controller="InfluxQueryCtrl"
ng-init="init()">
<div class="tight-form-row">
<ul class="tight-form-list pull-right"> <ul class="tight-form-list pull-right">
<li class="tight-form-item"> <li class="tight-form-item">
<div class="dropdown"> <div class="dropdown">
...@@ -35,41 +30,41 @@ ...@@ -35,41 +30,41 @@
<a class="tight-form-item" ng-click="target.hide = !target.hide; get_data();" role="menuitem"> <a class="tight-form-item" ng-click="target.hide = !target.hide; get_data();" role="menuitem">
<i class="fa fa-eye"></i> <i class="fa fa-eye"></i>
</a> </a>
</li> </li>
</ul> </ul>
<!-- Raw Query mode --> <!-- Raw Query mode -->
<ul class="tight-form-list" ng-show="target.rawQuery"> <ul class="tight-form-list" ng-show="target.rawQuery">
<li> <li>
<input type="text" <input type="text"
class="tight-form-input span10" class="tight-form-input span10"
ng-model="target.query" ng-model="target.query"
placeholder="select ..." placeholder="select ..."
focus-me="target.rawQuery" focus-me="target.rawQuery"
spellcheck='false' spellcheck='false'
data-min-length=0 data-items=100 data-min-length=0 data-items=100
ng-model-onblur ng-model-onblur
ng-blur="get_data()"> ng-blur="get_data()">
</li> </li>
</ul> </ul>
<!-- Query editor mode --> <!-- Query editor mode -->
<ul class="tight-form-list" role="menu" ng-hide="target.rawQuery"> <ul class="tight-form-list" role="menu" ng-hide="target.rawQuery">
<li class="tight-form-item"> <li class="tight-form-item">
series series
</li> </li>
<li> <li>
<input type="text" <input type="text"
class="tight-form-input span8" class="tight-form-input span8"
ng-model="target.series" ng-model="target.series"
spellcheck='false' spellcheck='false'
bs-typeahead="listSeries" bs-typeahead="listSeries"
match-all="true" match-all="true"
min-length="3" min-length="3"
placeholder="series name" placeholder="series name"
data-min-length=0 data-items=100 data-min-length=0 data-items=100
ng-blur="seriesBlur()"> ng-blur="seriesBlur()">
</li> </li>
<li class="tight-form-item"> <li class="tight-form-item">
alias alias
...@@ -80,41 +75,41 @@ ...@@ -80,41 +75,41 @@
spellcheck='false' placeholder="alias" ng-blur="get_data()"> spellcheck='false' placeholder="alias" ng-blur="get_data()">
</li> </li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
<div class="tight-form-row"> <div class="tight-form">
<!-- Raw Query mode --> <!-- Raw Query mode -->
<ul class="tight-form-list" ng-show="target.rawQuery"> <ul class="tight-form-list" ng-show="target.rawQuery">
<li class="tight-form-item"> <li class="tight-form-item">
<i class="fa fa-eye invisible"></i> <i class="fa fa-eye invisible"></i>
</li> </li>
<li class="tight-form-item"> <li class="tight-form-item">
alias alias
</li> </li>
<li> <li>
<input type="text" <input type="text"
class="input-medium tight-form-input" class="input-medium tight-form-input"
ng-model="target.alias" ng-model="target.alias"
spellcheck='false' spellcheck='false'
placeholder="alias" placeholder="alias"
ng-blur="get_data()"> ng-blur="get_data()">
</li> </li>
<li class="tight-form-item"> <li class="tight-form-item">
group by time group by time
</li> </li>
<li> <li>
<input type="text" class="input-mini tight-form-input" ng-model="target.interval" <input type="text" class="input-mini tight-form-input" ng-model="target.interval"
spellcheck='false' placeholder="{{interval}}" data-placement="right" spellcheck='false' placeholder="{{interval}}" data-placement="right"
bs-tooltip="'Leave blank for auto handling based on time range and panel width'" bs-tooltip="'Leave blank for auto handling based on time range and panel width'"
ng-model-onblur ng-change="get_data()" > ng-model-onblur ng-change="get_data()" >
</li> </li>
</ul> </ul>
<!-- Query editor mode --> <!-- Query editor mode -->
<ul class="tight-form-list" role="menu" ng-hide="target.rawQuery"> <ul class="tight-form-list" role="menu" ng-hide="target.rawQuery">
<li class="tight-form-item"> <li class="tight-form-item">
<i class="fa fa-eye invisible"></i> <i class="fa fa-eye invisible"></i>
</li> </li>
...@@ -131,7 +126,7 @@ ...@@ -131,7 +126,7 @@
</li> </li>
<li> <li>
<input type="text" class="input-medium tight-form-input" ng-model="target.condition" <input type="text" class="input-medium tight-form-input" ng-model="target.condition"
bs-tooltip="'Add a where clause'" data-placement="right" spellcheck='false' placeholder="column ~= value" ng-blur="get_data()"> bs-tooltip="'Add a where clause'" data-placement="right" spellcheck='false' placeholder="column ~= value" ng-blur="get_data()">
</li> </li>
<li class="tight-form-item"> <li class="tight-form-item">
...@@ -139,9 +134,9 @@ ...@@ -139,9 +134,9 @@
</li> </li>
<li> <li>
<input type="text" class="input-mini tight-form-input" ng-model="target.interval" <input type="text" class="input-mini tight-form-input" ng-model="target.interval"
spellcheck='false' placeholder="{{interval}}" data-placement="right" spellcheck='false' placeholder="{{interval}}" data-placement="right"
bs-tooltip="'Leave blank for auto handling based on time range and panel width'" bs-tooltip="'Leave blank for auto handling based on time range and panel width'"
ng-model-onblur ng-change="get_data()" > ng-model-onblur ng-change="get_data()" >
</li> </li>
<li class="tight-form-item"> <li class="tight-form-item">
...@@ -150,7 +145,7 @@ ...@@ -150,7 +145,7 @@
<li> <li>
<input type="text" class="input-small tight-form-input" ng-model="target.groupby_field" bs-tooltip="'Add a group by column or leave blank'" <input type="text" class="input-small tight-form-input" ng-model="target.groupby_field" bs-tooltip="'Add a group by column or leave blank'"
placeholder="column" spellcheck="false" bs-typeahead="listColumns" data-min-length=0 ng-blur="get_data()"> placeholder="column" spellcheck="false" bs-typeahead="listColumns" data-min-length=0 ng-blur="get_data()">
</li> </li>
<li class="dropdown"> <li class="dropdown">
...@@ -161,65 +156,61 @@ ...@@ -161,65 +156,61 @@
<span ng-show="!target.fill"> <span ng-show="!target.fill">
no fill no fill
</span> </span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a ng-click="target.fill = ''">no fill</a></li> <li><a ng-click="target.fill = ''">no fill</a></li>
<li><a ng-click="target.fill = 'null'">fill (null)</a></li> <li><a ng-click="target.fill = 'null'">fill (null)</a></li>
<li><a ng-click="target.fill = '0'">fill (0)</a></li> <li><a ng-click="target.fill = '0'">fill (0)</a></li>
</ul> </ul>
</li> </li>
</ul>
</ul> <div class="clearfix"></div>
</div>
<div class="clearfix"></div> </div>
</div>
</div>
</div> </div>
<section class="grafana-metric-options"> <section class="grafana-metric-options">
<div class="tight-form"> <div class="tight-form">
<div class="tight-form-row"> <ul class="tight-form-list">
<ul class="tight-form-list"> <li class="tight-form-item tight-form-item-icon">
<li class="tight-form-item tight-form-item-icon"> <i class="fa fa-wrench"></i>
<i class="fa fa-wrench"></i> </li>
</li> <li class="tight-form-item">
<li class="tight-form-item"> group by time
group by time </li>
</li> <li>
<li> <input type="text" class="input-medium tight-form-input" ng-model="panel.interval" ng-blur="get_data();"
<input type="text" class="input-medium tight-form-input" ng-model="panel.interval" ng-blur="get_data();" spellcheck='false' placeholder="example: >10s">
spellcheck='false' placeholder="example: >10s"> </li>
</li> <li class="tight-form-item">
<li class="tight-form-item"> <i class="fa fa-question-circle" bs-tooltip="'Set a low limit by having a greater sign: example: >60s'" data-placement="right"></i>
<i class="fa fa-question-circle" bs-tooltip="'Set a low limit by having a greater sign: example: >60s'" data-placement="right"></i> </li>
</li> </ul>
</ul> <div class="clearfix"></div>
<div class="clearfix"></div> </div>
</div>
<div class="tight-form-row"> <div class="tight-form">
<ul class="tight-form-list"> <ul class="tight-form-list">
<li class="tight-form-item tight-form-item-icon"> <li class="tight-form-item tight-form-item-icon">
<i class="fa fa-info-circle"></i> <i class="fa fa-info-circle"></i>
</li> </li>
<li class="tight-form-item"> <li class="tight-form-item">
<a ng-click="toggleEditorHelp(1);" bs-tooltip="'click to show helpful info'" data-placement="bottom"> <a ng-click="toggleEditorHelp(1);" bs-tooltip="'click to show helpful info'" data-placement="bottom">
alias patterns alias patterns
</a> </a>
</li> </li>
<li class="tight-form-item"> <li class="tight-form-item">
<a ng-click="toggleEditorHelp(2)" bs-tooltip="'click to show helpful info'" data-placement="bottom"> <a ng-click="toggleEditorHelp(2)" bs-tooltip="'click to show helpful info'" data-placement="bottom">
stacking &amp; and fill stacking &amp; and fill
</a> </a>
</li> </li>
<li class="tight-form-item"> <li class="tight-form-item">
<a ng-click="toggleEditorHelp(3)" bs-tooltip="'click to show helpful info'" data-placement="bottom"> <a ng-click="toggleEditorHelp(3)" bs-tooltip="'click to show helpful info'" data-placement="bottom">
group by time group by time
</a> </a>
</li> </li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div>
</div> </div>
</section> </section>
......
src/app/features/opentsdb/partials/query.editor.html
<div class="editor-row" style="margin-top: 10px;"> <div class="editor-row" style="margin-top: 10px;">
<div ng-repeat="target in panel.targets" <div ng-repeat="target in panel.targets"
class="tight-form" class="tight-form-container"
ng-class="{'tight-form-disabled': target.hide}" ng-class="{'tight-form-disabled': target.hide}"
ng-controller="OpenTSDBQueryCtrl" ng-controller="OpenTSDBQueryCtrl"
ng-init="init()"> ng-init="init()">
<div class="tight-form-row">
<div class="tight-form">
<ul class="tight-form-list pull-right"> <ul class="tight-form-list pull-right">
<li class="tight-form-item"> <li class="tight-form-item">
<div class="dropdown"> <div class="dropdown">
...@@ -134,7 +136,7 @@ ...@@ -134,7 +136,7 @@
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
<div class="tight-form-row"> <div class="tight-form">
<ul class="tight-form-list" role="menu"> <ul class="tight-form-list" role="menu">
<li class="tight-form-item"> <li class="tight-form-item">
...@@ -209,7 +211,6 @@ ...@@ -209,7 +211,6 @@
</a> </a>
</li> </li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
......
src/app/features/panellinkeditor/module.html
...@@ -3,44 +3,42 @@ ...@@ -3,44 +3,42 @@
<h5>Drilldown / detail link<tip>These links appear in the dropdown menu in the panel menu. </tip></h5> <h5>Drilldown / detail link<tip>These links appear in the dropdown menu in the panel menu. </tip></h5>
<div class="tight-form" ng-repeat="link in panel.links"j> <div class="tight-form" ng-repeat="link in panel.links"j>
<div class="tight-form-row"> <ul class="tight-form-list">
<ul class="tight-form-list"> <li class="tight-form-item">
<li class="tight-form-item"> <i class="fa fa-remove pointer" ng-click="deleteLink(link)"></i>
<i class="fa fa-remove pointer" ng-click="deleteLink(link)"></i> </li>
</li>
<li class="tight-form-item">title</li> <li class="tight-form-item">title</li>
<li> <li>
<input type="text" ng-model="link.title" class="input-medium tight-form-input"> <input type="text" ng-model="link.title" class="input-medium tight-form-input">
</li> </li>
<li class="tight-form-item">type</li> <li class="tight-form-item">type</li>
<li> <li>
<select class="input-medium tight-form-input" style="width: 101px;" ng-model="link.type" ng-options="f for f in ['dashboard','absolute']"></select> <select class="input-medium tight-form-input" style="width: 101px;" ng-model="link.type" ng-options="f for f in ['dashboard','absolute']"></select>
</li> </li>
<li class="tight-form-item" ng-show="link.type === 'dashboard'">dashboard</li> <li class="tight-form-item" ng-show="link.type === 'dashboard'">dashboard</li>
<li ng-show="link.type === 'dashboard'"> <li ng-show="link.type === 'dashboard'">
<input type="text" <input type="text"
ng-model="link.dashboard" ng-model="link.dashboard"
bs-typeahead="searchDashboards" bs-typeahead="searchDashboards"
class="input-large tight-form-input"> class="input-large tight-form-input">
</li> </li>
<li class="tight-form-item" ng-show="link.type === 'absolute'">url</li> <li class="tight-form-item" ng-show="link.type === 'absolute'">url</li>
<li ng-show="link.type === 'absolute'"> <li ng-show="link.type === 'absolute'">
<input type="text" ng-model="link.url" class="input-large tight-form-input"> <input type="text" ng-model="link.url" class="input-large tight-form-input">
</li> </li>
<li class="tight-form-item">params <li class="tight-form-item">params
<tip>Use var-variableName=value to pass templating variables.</tip> <tip>Use var-variableName=value to pass templating variables.</tip>
</li> </li>
<li> <li>
<input type="text" ng-model="link.params" class="input-medium tight-form-input"> <input type="text" ng-model="link.params" class="input-medium tight-form-input">
</li> </li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
src/app/panels/graph/styleEditor.html
...@@ -67,34 +67,32 @@ ...@@ -67,34 +67,32 @@
<h5>Series specific overrides <tip>Regex match example: /server[0-3]/i </tip></h5> <h5>Series specific overrides <tip>Regex match example: /server[0-3]/i </tip></h5>
<div> <div>
<div class="tight-form" ng-repeat="override in panel.seriesOverrides" ng-controller="SeriesOverridesCtrl"> <div class="tight-form" ng-repeat="override in panel.seriesOverrides" ng-controller="SeriesOverridesCtrl">
<div class="tight-form-row"> <ul class="tight-form-list">
<ul class="tight-form-list"> <li class="tight-form-item">
<li class="tight-form-item"> <i class="fa fa-remove pointer" ng-click="removeSeriesOverride(override)"></i>
<i class="fa fa-remove pointer" ng-click="removeSeriesOverride(override)"></i> </li>
</li>
<li class="tight-form-item"> <li class="tight-form-item">
alias or regex alias or regex
</li> </li>
<li> <li>
<input type="text" <input type="text"
ng-model="override.alias" ng-model="override.alias"
bs-typeahead="getSeriesNames" bs-typeahead="getSeriesNames"
ng-blur="render()" ng-blur="render()"
data-min-length=0 data-items=100 data-min-length=0 data-items=100
class="input-medium tight-form-input" > class="input-medium tight-form-input" >
</li> </li>
<li class="tight-form-item" ng-repeat="option in currentOverrides"> <li class="tight-form-item" ng-repeat="option in currentOverrides">
<i class="pointer fa fa-remove" ng-click="removeOverride(option)"></i> <i class="pointer fa fa-remove" ng-click="removeOverride(option)"></i>
{{option.name}}: {{option.value}} {{option.name}}: {{option.value}}
</li> </li>
<li class="dropdown" dropdown-typeahead="overrideMenu" dropdown-typeahead-on-select="setOverride($item, $subItem)"> <li class="dropdown" dropdown-typeahead="overrideMenu" dropdown-typeahead-on-select="setOverride($item, $subItem)">
</li> </li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div>
</div> </div>
</div> </div>
......
src/app/partials/submenu.html
<div class="submenu-controls" ng-controller="SubmenuCtrl"> <div class="submenu-controls" ng-controller="SubmenuCtrl">
<div class="tight-form"> <div class="tight-form" style="border-top: none">
<div class="tight-form-row" style="border-top: none">
<ul class="tight-form-list"> <ul class="tight-form-list">
<li class="tight-form-item"> <li class="tight-form-item">
<div class="dropdown"> <div class="dropdown">
<a class="pointer" data-toggle="dropdown"> <a class="pointer" data-toggle="dropdown">
<i class="fa fa-cog"></i> <i class="fa fa-cog"></i>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a class="pointer" dash-editor-link="app/partials/templating_editor.html">Templating</a></li> <li><a class="pointer" dash-editor-link="app/partials/templating_editor.html">Templating</a></li>
<li><a class="pointer" dash-editor-link="app/features/annotations/partials/editor.html">Annotations</a></li> <li><a class="pointer" dash-editor-link="app/features/annotations/partials/editor.html">Annotations</a></li>
</ul> </ul>
</div> </div>
</li> </li>
</ul> </ul>
<ul class="tight-form-list" ng-if="dashboard.templating.enable"> <ul class="tight-form-list" ng-if="dashboard.templating.enable">
<li ng-repeat-start="variable in variables" class="tight-form-item template-param-name"> <li ng-repeat-start="variable in variables" class="tight-form-item template-param-name">
<span class="template-variable "> <span class="template-variable ">
${{variable.name}}: ${{variable.name}}:
</span> </span>
</li> </li>
<li ng-repeat-end template-param-selector> <li ng-repeat-end template-param-selector>
</li> </li>
</ul> </ul>
<ul class="tight-form-list" ng-if="dashboard.annotations.enable"> <ul class="tight-form-list" ng-if="dashboard.annotations.enable">
<li ng-repeat="annotation in dashboard.annotations.list" class="tight-form-item annotation-segment" ng-class="{'annotation-disabled': !annotation.enable}"> <li ng-repeat="annotation in dashboard.annotations.list" class="tight-form-item annotation-segment" ng-class="{'annotation-disabled': !annotation.enable}">
<a ng-click="disableAnnotation(annotation)"> <a ng-click="disableAnnotation(annotation)">
<i class="annotation-color-icon fa fa-bolt"></i> <i class="annotation-color-icon fa fa-bolt"></i>
{{annotation.name}} {{annotation.name}}
</a> </a>
</li> </li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div>
</div>
</div> </div>
</div>
src/css/less/tightform.less
.tight-form {
border-top: 1px solid @grafanaTargetBorder;
border-left: 1px solid @grafanaTargetBorder;
border-right: 1px solid @grafanaTargetBorder;
background: @grafanaTargetBackground;
width: 100%;
// old graphite-target
.tight-form:last-child {
border-bottom: 1px solid @grafanaTargetBorder;
.dropdown { .dropdown {
padding: 0; margin: 0; padding: 0; margin: 0;
} }
&:last-child {
border-bottom: 1px solid @grafanaTargetBorder;
}
} }
// old graphite-target-inner .tight-form-container {
.tight-form-row { .tight-form:last-child {
border-top: 1px solid @grafanaTargetBorder; border-bottom: none;
border-left: 1px solid @grafanaTargetBorder; }
border-right: 1px solid @grafanaTargetBorder; &:last-child {
background: @grafanaTargetBackground; border-bottom: 1px solid @grafanaTargetBorder;
width: 100%; }
} }
// old graphite-segment-list // old graphite-segment-list
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment