Эх сурвалжийг харах

HUE-8649 [frontend] Improve focus indicators and add date to focus tooltip in the performance graph

Johan Ahlen 7 жил өмнө
parent
commit
a8bb7ab537

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue-embedded.css


Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 4 - 0
desktop/core/src/desktop/static/desktop/less/components/hue-performance-graph.less

@@ -49,6 +49,10 @@
     display: inline-block;
   }
 
+  .performance-tooltip .performance-tooltip-time {
+    color: @cui-blue-gray-700;
+  }
+
   svg {
     .nvtooltip {
       font-family:  @font-family-sans-serif;

+ 4 - 2
desktop/core/src/desktop/templates/ko_components/ko_performance_graph.mako

@@ -279,10 +279,12 @@
                 mainGroup.append('circle')
                         .attr('class', 'highlight-point highlight-point-' + options.id)
                         .style('display', enabled ? null : 'none')
+                        .attr('stroke', '#FFF')
+                        .attr('stroke-width', 2)
                         .attr('fill', function (d, j) {
                           return options.color
                         })
-                        .attr("r", 2.5)
+                        .attr("r", 4)
                         .attr('transform', "translate(" + mainXScale(dataPoint[0]) + "," + options.y(dataPoint) + ")")
               }
             }
@@ -443,7 +445,7 @@
           });
 
           var generateTooltipHtml = function (dataPoint) {
-            var html = '';
+            var html = '<div class="performance-tooltip-time">' + moment(dataPoint[0]).toISOString() + '</div>';
             graphs.forEach(function (graph) {
               if (graph.tooltip && graph.enabled()) {
                 html += '<div><div class="performance-tooltip-indicator"><div style="background-color: ' + graph.color + '">&nbsp;</div></div><span class="performance-tooltip-label">' + graph.label + '</span> ' + graph.tooltip(dataPoint) + '</div>';

Энэ ялгаанд хэт олон файл өөрчлөгдсөн тул зарим файлыг харуулаагүй болно