show period label on evo graph (#17456)

* v1

* v2

* use css classes

* update period name when selected

* fix ui tests

* use translation for period name

Co-authored-by: sgiehl <stefan@matomo.org>

40 files changed, 109 insertions, 92 deletions

diff --git a/plugins/CoreHome/javascripts/dataTable.js b/plugins/CoreHome/javascripts/dataTable.js
index dca051d25b..76d85feb76 100644
--- a/plugins/CoreHome/javascripts/dataTable.js
+++ b/plugins/CoreHome/javascripts/dataTable.js
@@ -237,7 +237,7 @@ $.extend(DataTable.prototype, UIControl.prototype, {
             delete self.param.filter_offset;
             delete self.param.filter_limit;
         }
-	    
+
         delete self.param.showtitle;
 
         var container = $('#' + self.workingDivId + ' .piwik-graph');
@@ -725,6 +725,9 @@ $.extend(DataTable.prototype, UIControl.prototype, {
             var endDateOfPeriod = currentPeriod.getDateRange()[1];
             endDateOfPeriod = piwikPeriods.format(endDateOfPeriod);
 
+            var newPeriod = piwikPeriods.get(period);
+            $('.periodName', domElem).html(newPeriod.getDisplayText());
+
             self.param['period'] = period;
             self.param['date'] = endDateOfPeriod;
             self.reloadAjaxDataTable();
@@ -836,7 +839,7 @@ $.extend(DataTable.prototype, UIControl.prototype, {
             $searchAction.find('.icon-search').off('click', searchForPattern);
 
             $searchInput.val('');
-            
+
             if (currentPattern) {
                 // we search for this pattern so if there was a search term before, and someone closes the search
                 // we show all results again
@@ -1595,7 +1598,7 @@ $.extend(DataTable.prototype, UIControl.prototype, {
         $('th:has(.columnDocumentation)', domElem).each(function () {
             var th = $(this);
             var tooltip = th.find('.columnDocumentation');
-            
+
             tooltip.next().hover(function () {
                 var left = (-1 * tooltip.outerWidth() / 2) + th.width() / 2;
                 var top = -1 * tooltip.outerHeight();
diff --git a/plugins/CoreHome/stylesheets/dataTable/_dataTable.less b/plugins/CoreHome/stylesheets/dataTable/_dataTable.less
index a9ed6b920d..96423295a1 100644
--- a/plugins/CoreHome/stylesheets/dataTable/_dataTable.less
+++ b/plugins/CoreHome/stylesheets/dataTable/_dataTable.less
@@ -513,7 +513,7 @@ tr.level12 td.label {
 }
 
 table.dataTable td.label img {
-  max-height: 16px; 
+  max-height: 16px;
 }
 
 .pk-emptyDataTable {
@@ -615,6 +615,19 @@ td.cellSubDataTable .loadingPiwik {
     .icon-more-verti {
       font-size: 18px;
     }
+
+    .periodName {
+        padding-left:8px;
+        padding-right:8px;
+        font-size:16px;
+        text-transform:capitalize;
+    }
+  }
+
+  .activatePeriodsSelection {
+    width:auto;
+    text-align:left;
+    padding-left:8px;
   }
 }
 
diff --git a/plugins/CoreHome/templates/_dataTableActions.twig b/plugins/CoreHome/templates/_dataTableActions.twig
index c1f52456b9..39eec1cae5 100644
--- a/plugins/CoreHome/templates/_dataTableActions.twig
+++ b/plugins/CoreHome/templates/_dataTableActions.twig
@@ -33,24 +33,6 @@
             </ul>
         {% endset %}
 
-        {% if properties.show_periods %}
-            <a class="dropdown-button dataTableAction activatePeriodsSelection"
-               href="javascript:;"
-               title="{{ 'CoreHome_ChangePeriod'|translate|e('html_attr') }}"
-               data-target="dropdownPeriods{{ randomIdForDropdown }}">
-                <span class="icon-calendar"></span>
-            </a>
-            <ul id='dropdownPeriods{{ randomIdForDropdown }}' class='dropdown-content dataTablePeriods'>
-                {% for selectablePeriod in properties.selectable_periods %}
-                    <li>
-                        <a data-period="{{ selectablePeriod }}" class="tableIcon {% if (clientSideParameters.period|default('')) == selectablePeriod %}activeIcon{% endif %}">
-                            <span>{{ properties.translations[selectablePeriod]|default(selectablePeriod) }}</span>
-                        </a>
-                    </li>
-                {% endfor %}
-            </ul>
-        {% endif %}
-
         {% if activeFooterIcon and numIcons > 1 %}
             <a class="dropdown-button dataTableAction activateVisualizationSelection"
                href="javascript:;"
@@ -152,4 +134,23 @@
                 </li>
             {% endif %}
         </ul>
+
+        {% if properties.show_periods %}
+            <a class="dropdown-button dataTableAction activatePeriodsSelection"
+               href="javascript:;"
+               title="{{ 'CoreHome_ChangePeriod'|translate|e('html_attr') }}"
+               data-target="dropdownPeriods{{ randomIdForDropdown }}"
+            >
+                <div><span class="icon-calendar"></span><span class="periodName">{{ properties.translations[clientSideParameters.period]|default(clientSideParameters.period) }}</span></div>
+            </a>
+            <ul id='dropdownPeriods{{ randomIdForDropdown }}' class='dropdown-content dataTablePeriods'>
+                {% for selectablePeriod in properties.selectable_periods %}
+                    <li>
+                        <a data-period="{{ selectablePeriod }}" class="tableIcon {% if (clientSideParameters.period|default('')) == selectablePeriod %}activeIcon{% endif %}">
+                            <span>{{ properties.translations[selectablePeriod]|default(selectablePeriod) }}</span>
+                        </a>
+                    </li>
+                {% endfor %}
+            </ul>
+        {% endif %}
     {% endif %}
diff --git a/plugins/CustomDimensions/tests/UI/expected-ui-screenshots/CustomDimensions_report_action_subtable_rowevolution.png b/plugins/CustomDimensions/tests/UI/expected-ui-screenshots/CustomDimensions_report_action_subtable_rowevolution.png
index e89b90a41c..53f11da1bc 100644
--- a/plugins/CustomDimensions/tests/UI/expected-ui-screenshots/CustomDimensions_report_action_subtable_rowevolution.png
+++ b/plugins/CustomDimensions/tests/UI/expected-ui-screenshots/CustomDimensions_report_action_subtable_rowevolution.png
diff --git a/plugins/CustomDimensions/tests/UI/expected-ui-screenshots/CustomDimensions_report_actions_rowevolution.png b/plugins/CustomDimensions/tests/UI/expected-ui-screenshots/CustomDimensions_report_actions_rowevolution.png
index 6f88076fae..537ed909a8 100644
--- a/plugins/CustomDimensions/tests/UI/expected-ui-screenshots/CustomDimensions_report_actions_rowevolution.png
+++ b/plugins/CustomDimensions/tests/UI/expected-ui-screenshots/CustomDimensions_report_actions_rowevolution.png
diff --git a/plugins/Dashboard/tests/UI/expected-screenshots/DashboardManager_widget_preview.png b/plugins/Dashboard/tests/UI/expected-screenshots/DashboardManager_widget_preview.png
index f6a2ea19bb..a0cc85a5bd 100644
--- a/plugins/Dashboard/tests/UI/expected-screenshots/DashboardManager_widget_preview.png
+++ b/plugins/Dashboard/tests/UI/expected-screenshots/DashboardManager_widget_preview.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b909833eac2e5214431f39cb6bff153748dc10fb778b5c435fbc73eef298d9a5
-size 77983
+oid sha256:52c5a0f945beb09577e1edc28f5bdf054432a085bac72b685af453344f43f36f
+size 78661
diff --git a/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_rowevolution.png b/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_rowevolution.png
index 0adff1b9a2..5441f608fa 100644
--- a/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_rowevolution.png
+++ b/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_rowevolution.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:171c4b01ef9c363be024e122f5fb2a56200009564e932016ac8d136a7f05ca13
-size 70595
+oid sha256:acb0bac250eb6a112528a1ea725e5fa31ba7b18d976956f345daa110f1a3b45c
+size 71378
diff --git a/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_widget_maximise.png b/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_widget_maximise.png
index 296b02264e..929a393eaa 100644
--- a/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_widget_maximise.png
+++ b/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_widget_maximise.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:98a579476b4aac45499beff3e5bdd4f48576a0ad0c2c71c745f5223977a75e1b
-size 31414
+oid sha256:d405e50f8e67ea15bbd27006402933b88929845045291347a441241b788d2d98
+size 32321
diff --git a/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_widget_unmaximise.png b/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_widget_unmaximise.png
index 0ac0485743..18ab0dabc0 100644
--- a/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_widget_unmaximise.png
+++ b/plugins/Dashboard/tests/UI/expected-screenshots/Dashboard_widget_unmaximise.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:74256d5ad3e09a43c173a76c9156e65039fac38e6e84ca27b05549d2e3456889
-size 30412
+oid sha256:64c141ebdaefca852da48b9ac8cfbac3da7a8db76b545efcfa44a34b759b62d0
+size 31196
diff --git a/plugins/Overlay/tests/UI/expected-screenshots/Overlay_row_evolution.png b/plugins/Overlay/tests/UI/expected-screenshots/Overlay_row_evolution.png
index 77633527ce..e7a1079100 100644
--- a/plugins/Overlay/tests/UI/expected-screenshots/Overlay_row_evolution.png
+++ b/plugins/Overlay/tests/UI/expected-screenshots/Overlay_row_evolution.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:52ceb95a94d19593c57de4d291e434b513c22856e5b965fa95513d36650fc16d
-size 100025
+oid sha256:4b6a96bfb4012de182291fd4f5f09930216e253982b9e8c244422264b90f2364
+size 100782
diff --git a/plugins/PagePerformance/tests/UI/expected-screenshots/PagePerformance_pagetitle_overlay.png b/plugins/PagePerformance/tests/UI/expected-screenshots/PagePerformance_pagetitle_overlay.png
index bd2065aef2..5472f84482 100644
--- a/plugins/PagePerformance/tests/UI/expected-screenshots/PagePerformance_pagetitle_overlay.png
+++ b/plugins/PagePerformance/tests/UI/expected-screenshots/PagePerformance_pagetitle_overlay.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d615d8bdf8ccb0106dafe82acc2af8abb2c9902c01bd63f4491b190ae4936ec0
-size 151372
+oid sha256:d6ee3af8a32edc0ec828185a27c84bfb80872f514045c85a951b7e5e1267c868
+size 152079
diff --git a/plugins/PagePerformance/tests/UI/expected-screenshots/PagePerformance_pageurl_overlay.png b/plugins/PagePerformance/tests/UI/expected-screenshots/PagePerformance_pageurl_overlay.png
index 78074862aa..d62afb8d11 100644
--- a/plugins/PagePerformance/tests/UI/expected-screenshots/PagePerformance_pageurl_overlay.png
+++ b/plugins/PagePerformance/tests/UI/expected-screenshots/PagePerformance_pageurl_overlay.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d5b0026fba1e4c7f16e67546e0ae34d073b5c7a0c68dc11d24bc8699a5069ad5
-size 150544
+oid sha256:92ac5d7b67c03192a128cc55bcf76c48444855d07167802c930a0f393839f09e
+size 151246
diff --git a/tests/UI/expected-screenshots/Comparison_multi_row_evolution.png b/tests/UI/expected-screenshots/Comparison_multi_row_evolution.png
index ad86438e1a..0a122b3b20 100644
--- a/tests/UI/expected-screenshots/Comparison_multi_row_evolution.png
+++ b/tests/UI/expected-screenshots/Comparison_multi_row_evolution.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5b7abb34db7c61e7fccacf1c6e886e444cad15f9aa2289b59e1d241eb69f92de
-size 44024
+oid sha256:90050825e4e2a0861178fce5c150a6f0f687e09d52f6e3fb8013cccee6f4d593
+size 44730
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_annotation_edit_form.png b/tests/UI/expected-screenshots/EvolutionGraph_annotation_edit_form.png
index b183737463..00b1045b30 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_annotation_edit_form.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_annotation_edit_form.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3694ad95e8de2341e19b586cb66299e02c4794d1b36ad8831b7045172a5c0b12
-size 31884
+oid sha256:27ea6d8589ebd315082ef66515cd72b59251115be92422e6c98309c569f6f3d4
+size 32685
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_annotation_edit_submit.png b/tests/UI/expected-screenshots/EvolutionGraph_annotation_edit_submit.png
index c1493e0bba..3af635914a 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_annotation_edit_submit.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_annotation_edit_submit.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:950b94c013c1f6e680677f160196bfd4074a8babb254c65f856ae20cd07257a0
-size 30341
+oid sha256:6f906c2351832c650fc6349a5c83c197834389565c785990bf47d9d206c8ffb6
+size 30958
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_annotation_starred.png b/tests/UI/expected-screenshots/EvolutionGraph_annotation_starred.png
index f494807b84..94fa6c469f 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_annotation_starred.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_annotation_starred.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8d36d05fe4ed58bd68522eadd82cf4d61422704ee170ab515165fc1413d26e47
-size 28562
+oid sha256:7a80ad46435deb551f95bfd927a662eec0cecace1d946b633388a076f5836e5f
+size 29328
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_annotations_all.png b/tests/UI/expected-screenshots/EvolutionGraph_annotations_all.png
index 15d2b1afb6..ca3703362e 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_annotations_all.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_annotations_all.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:16944a8683c4bd58ff70b772584e6f000090391f6a5468f6330d51db26cef56a
-size 82091
+oid sha256:bd08c8115f7df76399032ba8fe2e41b8bc6361786a0a1e048359f552c8eea6a4
+size 82904
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_annotations_none.png b/tests/UI/expected-screenshots/EvolutionGraph_annotations_none.png
index a1fbb3623e..5b13b3bc3b 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_annotations_none.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_annotations_none.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:631c36503b25dab66f4715006623bb69bf39ebaa950e40edbe21720b5addc725
-size 26642
+oid sha256:ceb01cbee1af435cba93d5fe166d14b8d1e3bfd442a2ad3a4a1025c042014dac
+size 27411
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_annotations_single_period.png b/tests/UI/expected-screenshots/EvolutionGraph_annotations_single_period.png
index 4308035923..0a47a7213d 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_annotations_single_period.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_annotations_single_period.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d7e5f65f58d74f1570e4eb2c8921400284af5f9671718da926dae1cf55241d4b
-size 37301
+oid sha256:7f9519a67e20a06ae457896d31f738d60f04f605ffca30af99d56fa28651c4ea
+size 38087
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_bounce_rate.png b/tests/UI/expected-screenshots/EvolutionGraph_bounce_rate.png
index 284d8a1611..a5a79339cc 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_bounce_rate.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_bounce_rate.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b84b9f7c0274ed4046016e85d531592e92fdb1b6fcf38aca8299ad7768cda734
-size 106835
+oid sha256:3af21181abd982cf71a8b1baadde6a7d084c5d6047ef73d439ab5b249270a71d
+size 107645
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_initial.png b/tests/UI/expected-screenshots/EvolutionGraph_initial.png
index 5c6b7c3142..c5ad005859 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_initial.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_initial.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f9d04ecfaed00fed9e5d9b6d66550eae979d672bd918c4b46de9453d564c4d5d
-size 57953
+oid sha256:2ae6dbe2b40b18ac61179a23d9082f38d5dc7d4a7b9b3d8e9287917cf099c983
+size 58756
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_label_ticks_cutout.png b/tests/UI/expected-screenshots/EvolutionGraph_label_ticks_cutout.png
index e1ef2a4c07..5d6f4df075 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_label_ticks_cutout.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_label_ticks_cutout.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:79548a664006c2f115b24f2b819c7f9a077df7ce0536a9f72338594699334d57
-size 9789
+oid sha256:715c4598c8e1e6e2f7b1377e1be4888ac1b705dc61fd0666afbe269a6e587d76
+size 10491
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_limit_changed.png b/tests/UI/expected-screenshots/EvolutionGraph_limit_changed.png
index 7a15bf8b2f..5222125a29 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_limit_changed.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_limit_changed.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e96a98f5f8c1251609bc1813e243b55e4788bf012df18755bb9ffcbed4523ba1
-size 24333
+oid sha256:a193c28b300c70fe7419e0b5b2998d639dff5451e860dc66e91002d5efac0910
+size 25128
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_metric_picker_shown.png b/tests/UI/expected-screenshots/EvolutionGraph_metric_picker_shown.png
index 4fb24869c5..581291c79e 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_metric_picker_shown.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_metric_picker_shown.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e8c6e5565f35b2379ca2d8c99653aae0fc8bfd4649f67c6f557c3efbdacaf9e8
-size 29977
+oid sha256:22c7603d1c7a8a1332c6238105608e5a5bc443332ac246487c7cf74f895dcfc3
+size 30734
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_new_annotation_form.png b/tests/UI/expected-screenshots/EvolutionGraph_new_annotation_form.png
index ed06abb50b..464822bac4 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_new_annotation_form.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_new_annotation_form.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7dbfeefb8d3970a2de53673ca8dada31a94ad343abf8fd80114525390311f692
-size 30881
+oid sha256:f18df459c583086c7fe28abe1e064cb756b3c015fb506fe3be5efde70f05fd9b
+size 31748
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_new_annotation_submit.png b/tests/UI/expected-screenshots/EvolutionGraph_new_annotation_submit.png
index 29f387842a..e836d3c334 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_new_annotation_submit.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_new_annotation_submit.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:23393ec429b32ba6293d3bc8ec7acdba5a733a15c0692f51de96e3a5682e49a4
-size 28458
+oid sha256:83d83834ddb645341945d8d76e944998a7a278e8fa26aa317db827d126529ef0
+size 29225
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_one_series.png b/tests/UI/expected-screenshots/EvolutionGraph_one_series.png
index 77a5460db2..7469464da1 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_one_series.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_one_series.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:24314388b6777288d9877aa7f1833781baeb7ce5d734211b7e2e857f3a90290b
-size 20862
+oid sha256:738b3d1c4f335f2f8549cfd9a702d7e61d192e9a737fdb870d1506e7c087637e
+size 21682
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_periods_list.png b/tests/UI/expected-screenshots/EvolutionGraph_periods_list.png
index 24f68a1cb9..b30e342cf6 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_periods_list.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_periods_list.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f469c3837b60171cf7588997c426a7529b353b040f29c19eb7ef1daa29da4d0e
-size 20849
+oid sha256:ddd6727952676479fb62aff964bb41e2d02aa5dc990fb8159ecc815527df6f8a
+size 21546
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_periods_selected.png b/tests/UI/expected-screenshots/EvolutionGraph_periods_selected.png
index f24af9870b..1c9d743288 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_periods_selected.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_periods_selected.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7493dd084198bc9a4ee0903b58f60831efb4de4cead41abf085229f433627d85
-size 15988
+oid sha256:ae34583cc404fc7c9a37c44302ec24593c0e1db282180a92f8a90147f7785ee9
+size 16885
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_table_actions.png b/tests/UI/expected-screenshots/EvolutionGraph_table_actions.png
index 5890c495c8..2145c41394 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_table_actions.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_table_actions.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:29855ece8d1e158dd019a7aaa6ef700a9dbfa8e1de6ac7304b4ee12fe3b2bb71
-size 23198
+oid sha256:69edd7a1e27c434821be39a07297961d2d72806b5783a81ab86d1765e65935b8
+size 24012
diff --git a/tests/UI/expected-screenshots/EvolutionGraph_two_metrics.png b/tests/UI/expected-screenshots/EvolutionGraph_two_metrics.png
index 5890c495c8..2145c41394 100644
--- a/tests/UI/expected-screenshots/EvolutionGraph_two_metrics.png
+++ b/tests/UI/expected-screenshots/EvolutionGraph_two_metrics.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:29855ece8d1e158dd019a7aaa6ef700a9dbfa8e1de6ac7304b4ee12fe3b2bb71
-size 23198
+oid sha256:69edd7a1e27c434821be39a07297961d2d72806b5783a81ab86d1765e65935b8
+size 24012
diff --git a/tests/UI/expected-screenshots/RowEvolution_multirow_evolution.png b/tests/UI/expected-screenshots/RowEvolution_multirow_evolution.png
index a28a7d6fd6..b402e552e9 100644
--- a/tests/UI/expected-screenshots/RowEvolution_multirow_evolution.png
+++ b/tests/UI/expected-screenshots/RowEvolution_multirow_evolution.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c584a54880d7317697613fbf5c2e00eda0d5088e0e01d78792b524d8ede151a2
-size 46114
+oid sha256:11e7686f1c3673891d1a9c5f8150c4f364cb8b37341e379b72878903f7bef2b2
+size 47182
diff --git a/tests/UI/expected-screenshots/RowEvolution_multirow_evolution_other_metric.png b/tests/UI/expected-screenshots/RowEvolution_multirow_evolution_other_metric.png
index 5e9e2f2fbf..9e2e343a5d 100644
--- a/tests/UI/expected-screenshots/RowEvolution_multirow_evolution_other_metric.png
+++ b/tests/UI/expected-screenshots/RowEvolution_multirow_evolution_other_metric.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e5b79ca20a0539af045644ef8b43c8a23fbdab5a4b1e1baa18f34f8e2bfc0a26
-size 47241
+oid sha256:0d83020621f2cc70d522e7b399854d04d49260691a5e08dc853eb92876b6108d
+size 48316
diff --git a/tests/UI/expected-screenshots/RowEvolution_row_evolution.png b/tests/UI/expected-screenshots/RowEvolution_row_evolution.png
index 848eec1a87..fd6657da21 100644
--- a/tests/UI/expected-screenshots/RowEvolution_row_evolution.png
+++ b/tests/UI/expected-screenshots/RowEvolution_row_evolution.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:803171cfce98f7e6497d6232894125d47fe770011915099c1b507e8f9dc0253d
-size 70984
+oid sha256:a0bb7dd0a4fd2f4a14cdde59b6bfc2c639184fe6dc020718f6ccdf83d9816aec
+size 72118
diff --git a/tests/UI/expected-screenshots/RowEvolution_row_evolution_ecommerce_item.png b/tests/UI/expected-screenshots/RowEvolution_row_evolution_ecommerce_item.png
index 74a9f42335..714a9f762b 100644
--- a/tests/UI/expected-screenshots/RowEvolution_row_evolution_ecommerce_item.png
+++ b/tests/UI/expected-screenshots/RowEvolution_row_evolution_ecommerce_item.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:69ac3ef90ade2add69bdd47fd13f44b992448535de1a4074d23fd4917044199c
-size 75855
+oid sha256:ccc12b011a66b646fef0858cd14adcc36a8cba0d0a4cc8a9b022cb96ddf4ba9c
+size 76604
diff --git a/tests/UI/expected-screenshots/RowEvolution_row_evolution_multiple_series.png b/tests/UI/expected-screenshots/RowEvolution_row_evolution_multiple_series.png
index db2452fba3..2d8ede2578 100644
--- a/tests/UI/expected-screenshots/RowEvolution_row_evolution_multiple_series.png
+++ b/tests/UI/expected-screenshots/RowEvolution_row_evolution_multiple_series.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:14a465ec867d5085ac0f866aa54a82ffdf7fd05e0780f429c840a6c960bdf9de
-size 73534
+oid sha256:45a2f10cce504c912fac128aed79d8bf34e88ffa7b635f1dbbf067582406457c
+size 74577
diff --git a/tests/UI/expected-screenshots/RowEvolution_row_evolution_other_metric.png b/tests/UI/expected-screenshots/RowEvolution_row_evolution_other_metric.png
index 4e893fd7d2..3169f603d9 100644
--- a/tests/UI/expected-screenshots/RowEvolution_row_evolution_other_metric.png
+++ b/tests/UI/expected-screenshots/RowEvolution_row_evolution_other_metric.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6150d3ea3f81fb7a08463999ad96af6ecb104a6daf640ad184a1b91e74da356b
-size 70858
+oid sha256:bd8228ef0069ec4eb04214b36c3ff713a37c1ea9de8393d853dedba370084388
+size 71989
diff --git a/tests/UI/expected-screenshots/UIIntegrationTest_dashboard5_mobile.png b/tests/UI/expected-screenshots/UIIntegrationTest_dashboard5_mobile.png
index cc0c14eec9..30d0047ad2 100644
--- a/tests/UI/expected-screenshots/UIIntegrationTest_dashboard5_mobile.png
+++ b/tests/UI/expected-screenshots/UIIntegrationTest_dashboard5_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:927c7c2619996d84ed0831e4e0d2270e23204646f598624be54ebe55e1d2b086
-size 27508
+oid sha256:91a609b1da16321dc8f4e35996a3b360fd8ff60058b30c2f0a2971699ed35db6
+size 28252
diff --git a/tests/UI/expected-screenshots/UIIntegrationTest_goals_individual_row_evolution.png b/tests/UI/expected-screenshots/UIIntegrationTest_goals_individual_row_evolution.png
index d2e57c8aaa..cce69490f0 100644
--- a/tests/UI/expected-screenshots/UIIntegrationTest_goals_individual_row_evolution.png
+++ b/tests/UI/expected-screenshots/UIIntegrationTest_goals_individual_row_evolution.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:91ba2ded855a6c2c1cf9f701de4e432a9bf0e3326dcf73e4a2c70a53c60d0b7d
-size 64613
+oid sha256:a1de4da447b73d36c4e52460c52abd776f4dd2b6d27e9c24bb36b5e9b34136c7
+size 65399
diff --git a/tests/UI/expected-screenshots/UIIntegrationTest_widgets_listing.png b/tests/UI/expected-screenshots/UIIntegrationTest_widgets_listing.png
index 78f1375373..e56a435f04 100644
--- a/tests/UI/expected-screenshots/UIIntegrationTest_widgets_listing.png
+++ b/tests/UI/expected-screenshots/UIIntegrationTest_widgets_listing.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:528f8ed421af3afd5d06d995a66b96d3928a05e4757bd1db64c130715ce6857d
-size 190087
+oid sha256:51fb745020d3d4957801211b9d813dfdf76634a8ccb367b6d7fee22770bbe549
+size 190849