diff --git a/src/app/features/graphite/funcEditor.js b/src/app/features/graphite/funcEditor.js index cf3986e29a1..63ee4b3f7cf 100644 --- a/src/app/features/graphite/funcEditor.js +++ b/src/app/features/graphite/funcEditor.js @@ -126,7 +126,7 @@ function (angular, _, $) { } function toggleFuncControls() { - var targetDiv = elem.closest('.tight-form-row'); + var targetDiv = elem.closest('.tight-form'); if (elem.hasClass('show-function-controls')) { elem.removeClass('show-function-controls'); diff --git a/src/app/features/graphite/partials/query.editor.html b/src/app/features/graphite/partials/query.editor.html index 9612de5baaf..48446049e65 100755 --- a/src/app/features/graphite/partials/query.editor.html +++ b/src/app/features/graphite/partials/query.editor.html @@ -5,8 +5,6 @@ ng-class="{'tight-form-disabled': target.hide}" ng-controller="GraphiteQueryCtrl" ng-init="init()"> - -
- -
-
-
    -
  • - -
    • -
  • - Cache timeout -
    • -
  • - -
    • -
  • - Max data points -
    • -
  • - -
    • -
-
-
-
- -
-
+ +
+
+
+ +
-
diff --git a/src/app/features/influxdb/partials/query.editor.html b/src/app/features/influxdb/partials/query.editor.html index 066458b0e28..72a6f59ecac 100644 --- a/src/app/features/influxdb/partials/query.editor.html +++ b/src/app/features/influxdb/partials/query.editor.html @@ -1,11 +1,6 @@
- -
-
+
+
  • @@ -35,41 +30,41 @@ -
    • -
+ +
  • + class="tight-form-input span10" + ng-model="target.query" + placeholder="select ..." + focus-me="target.rawQuery" + spellcheck='false' + data-min-length=0 data-items=100 + ng-model-onblur + ng-blur="get_data()">
- -
-
+
+
-
+
  • - alias -
    • -
  • - -
    • + alias + +
  • + +
  • group by time
  • + spellcheck='false' placeholder="{{interval}}" data-placement="right" + bs-tooltip="'Leave blank for auto handling based on time range and panel width'" + ng-model-onblur ng-change="get_data()" >
-
-
+ +
+
+
-
-
    -
  • - -
    • -
  • - group by time -
    • -
  • - -
    • -
  • - -
    • -
-
-
+
    +
  • + +
    • +
  • + group by time +
    • +
  • + +
    • +
  • + +
    • +
+
+
-
- -
-
+
+ +
diff --git a/src/app/features/opentsdb/partials/query.editor.html b/src/app/features/opentsdb/partials/query.editor.html index b308a24877c..794d148676c 100644 --- a/src/app/features/opentsdb/partials/query.editor.html +++ b/src/app/features/opentsdb/partials/query.editor.html @@ -1,10 +1,12 @@
+
-
+ +
  • @@ -134,7 +136,7 @@
    -
    +
    -
    diff --git a/src/app/features/panellinkeditor/module.html b/src/app/features/panellinkeditor/module.html index 86b78d3454c..b9525c3545f 100644 --- a/src/app/features/panellinkeditor/module.html +++ b/src/app/features/panellinkeditor/module.html @@ -3,44 +3,42 @@
    Drilldown / detail linkThese links appear in the dropdown menu in the panel menu.
    -
    -
      -
    • - -
      • +
        +
      • + +
        • -
      • title
        • -
      • - -
        • +
      • title
        • +
      • + +
        • -
      • type
        • -
      • - -
        • +
      • type
        • +
      • + +
        • -
      • dashboard
        • -
      • - -
        • +
      • dashboard
        • +
      • + +
        • -
      • url
        • -
      • - -
        • +
      • url
        • +
      • + +
        • -
      • params - Use var-variableName=value to pass templating variables. -
        • -
      • - -
        • -
      -
      -
    +
  • params + Use var-variableName=value to pass templating variables. +
    • +
  • + +
    • +
+
diff --git a/src/app/panels/graph/axisEditor.html b/src/app/panels/graph/axisEditor.html index 4910161f1d0..b2c2437e89b 100644 --- a/src/app/panels/graph/axisEditor.html +++ b/src/app/panels/graph/axisEditor.html @@ -2,144 +2,140 @@
-
-
    -
  • - Left Y -
    • -
  • - Unit -
    • -
  • -
    • -
  • -    Grid Max -
    • -
  • - -
    • -
  • - Min -
    • -
  • - -
    • -
  • - Label -
    • -
  • - -
    • -
-
-
-
-
    -
  • - Right Y -
    • -
  • - Unit -
    • -
  • -
    • -
  • -    Grid Max -
    • -
  • - -
    • -
  • - Min -
    • -
  • - -
    • -
  • - Label -
    • -
  • - -
    • -
-
-
-
-
- -
-
-
    -
  • - Show Axis -
    • -
  • - X-Axis  - - -
    • -
  • - Y-Axis  - - -
    • -
-
-
-
-
    -
  • - Thresholds -
    • -
  • - Level 1 -
    • -
  • - -
    • -
  • - -
    • -
  • - Level 2 -
    • -
  • - -
    • -
  • - -
    • -
  • - Line mode  - - +
  • + Left Y +
    • +
  • + Unit +
    • +
  • +
    • +
  • +    Grid Max +
    • +
  • + +
    • +
  • + Min +
    • +
  • + +
    • +
  • + Label +
    • +
  • + +
    • +
+
+
+
+
    +
  • + Right Y +
    • +
  • + Unit +
    • +
  • +
    • +
  • +    Grid Max +
    • +
  • + +
    • +
  • + Min +
    • +
  • + +
    • +
  • + Label +
    • +
  • + +
    • +
+
+
+
- - -
-
+
+
+
    +
  • + Show Axis +
    • +
  • + X-Axis  + + +
    • +
  • + Y-Axis  + + +
    • +
+
+
+
+
    +
  • + Thresholds +
    • +
  • + Level 1 +
    • +
  • + +
    • +
  • + +
    • +
  • + Level 2 +
    • +
  • + +
    • +
  • + +
    • +
  • + Line mode  + + + +
    • +
+
@@ -147,80 +143,76 @@
-
-
    -
  • - Legend -
    • -
  • - Show  - - -
    • -
  • - Table  - - -
    • -
  • - Right side  - - -
    • -
  • - Hide empty  - - -
    • -
-
-
+
    +
  • + Legend +
    • +
  • + Show  + + +
    • +
  • + Table  + + +
    • +
  • + Right side  + + +
    • +
  • + Hide empty  + + +
    • +
+
-
-
    -
  • - Legend values -
    • -
  • - Min  - - -
    • -
  • - Max  - - -
    • -
  • - Avg  - - -
    • -
  • - Current  - - -
    • -
  • - Total  - - -
    • -
-
-
+
    +
  • + Legend values +
    • +
  • + Min  + + +
    • +
  • + Max  + + +
    • +
  • + Avg  + + +
    • +
  • + Current  + + +
    • +
  • + Total  + + +
    • +
+
diff --git a/src/app/panels/graph/styleEditor.html b/src/app/panels/graph/styleEditor.html index 6dfd24555ea..c466d2b486e 100644 --- a/src/app/panels/graph/styleEditor.html +++ b/src/app/panels/graph/styleEditor.html @@ -67,34 +67,32 @@
Series specific overrides Regex match example: /server[0-3]/i
-
-
    -
  • - -
    • +
      +
    • + +
      • -
    • - alias or regex -
      • -
    • - -
      • -
    • - - {{option.name}}: {{option.value}} -
      • +
    • + alias or regex +
      • +
    • + +
      • +
    • + + {{option.name}}: {{option.value}} +
      • -
    • -
      • +
    • +
      • -
    -
    -
+ +
diff --git a/src/app/panels/singlestat/editor.html b/src/app/panels/singlestat/editor.html index 1cef46351b5..41ca71a32b3 100644 --- a/src/app/panels/singlestat/editor.html +++ b/src/app/panels/singlestat/editor.html @@ -1,73 +1,71 @@
-
-
    -
  • - Big value -
    • -
  • - Prefix -
    • -
  • - -
    • -
  • - Value -
    • -
  • - -
    • -
  • - Postfix -
    • -
  • - -
    • -
-
-
-
-
    -
  • - Font size -
    • -
  • - Prefix -
    • -
  • - -
    • -
  • - Value -
    • -
  • - -
    • -
  • - Postfix -
    • -
  • - -
    • -
-
-
-
-
    -
  • - Unit -
    • -
  • -
    • -
-
-
+
    +
  • + Big value +
    • +
  • + Prefix +
    • +
  • + +
    • +
  • + Value +
    • +
  • + +
    • +
  • + Postfix +
    • +
  • + +
    • +
+
+
+
+
    +
  • + Font size +
    • +
  • + Prefix +
    • +
  • + +
    • +
  • + Value +
    • +
  • + +
    • +
  • + Postfix +
    • +
  • + +
    • +
+
+
+
+
    +
  • + Unit +
    • +
  • +
    • +
+
@@ -75,43 +73,41 @@
-
-
    -
  • - Coloring -
    • -
  • - Background  - - -
    • -
  • - Value  - - -
    • -
  • - ThresholdsComma seperated values -
    • -
  • - -
    • -
  • - Colors -
    • -
  • - - - -
    • -
  • - invert order -
    • -
-
-
+
    +
  • + Coloring +
    • +
  • + Background  + + +
    • +
  • + Value  + + +
    • +
  • + ThresholdsComma seperated values +
    • +
  • + +
    • +
  • + Colors +
    • +
  • + + + +
    • +
  • + invert order +
    • +
+
@@ -119,38 +115,36 @@
-
-
    -
  • - Spark lines -
    • -
  • - Show  - - -
    • -
  • - Background mode  - - -
    • -
  • - Line Color -
    • -
  • - -
    • -
  • - Fill Color -
    • -
  • - -
    • -
-
-
+
    +
  • + Spark lines +
    • +
  • + Show  + + +
    • +
  • + Background mode  + + +
    • +
  • + Line Color +
    • +
  • + +
    • +
  • + Fill Color +
    • +
  • + +
    • +
+
@@ -158,33 +152,31 @@
-
-
    -
  • - Value to text mapping -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • +
      +
    • + Value to text mapping +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • -
    • - - - -
      • +
    • + + + +
      • -
    -
    -
+ +
diff --git a/src/app/partials/submenu.html b/src/app/partials/submenu.html index 3e841a4a17c..096b78f6e9d 100644 --- a/src/app/partials/submenu.html +++ b/src/app/partials/submenu.html @@ -1,42 +1,40 @@
-
-
+
- + -
    -
  • - - ${{variable.name}}: - -
    • +
      +
    • + + ${{variable.name}}: + +
      • -
    • -
      • -
    +
  • +
    • +
- + -
-
-
+
+
diff --git a/src/css/less/tightform.less b/src/css/less/tightform.less index 0153372e7c5..0220b6d3e52 100644 --- a/src/css/less/tightform.less +++ b/src/css/less/tightform.less @@ -1,19 +1,26 @@ - -// old graphite-target -.tight-form:last-child { - border-bottom: 1px solid @grafanaTargetBorder; - .dropdown { - padding: 0; margin: 0; - } -} - -// old graphite-target-inner -.tight-form-row { +.tight-form { border-top: 1px solid @grafanaTargetBorder; border-left: 1px solid @grafanaTargetBorder; border-right: 1px solid @grafanaTargetBorder; background: @grafanaTargetBackground; width: 100%; + + .dropdown { + padding: 0; margin: 0; + } + + &:last-child { + border-bottom: 1px solid @grafanaTargetBorder; + } +} + +.tight-form-container { + .tight-form:last-child { + border-bottom: none; + } + &:last-child { + border-bottom: 1px solid @grafanaTargetBorder; + } } // old graphite-segment-list