Limit the responsive dialog to the a small number, so it is easier to test

Author: tzi

plugins/CoreHome/javascripts/popover.js

@@ -5,8 +5,11 @@
  * @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
  */
 
-$.extend($.ui.dialog.prototype.options, { appendTo: '#Piwik_Popover_Wrapper' });
-$(document.createElement('div')).attr('id', 'Piwik_Popover_Wrapper').appendTo('body');
+$(function() {
+  if (!$('#Piwik_Popover_Wrapper').length) {
+    $(document.createElement('div')).attr('id', 'Piwik_Popover_Wrapper').appendTo('body');
+  }
+});
 
 var Piwik_Popover = (function () {
     var container = false;
@@ -31,6 +34,10 @@ var Piwik_Popover = (function () {
             width: 1050,
             resizable: false,
             autoOpen: true,
+            classes: {
+              "ui-dialog": 'ui-dialog--responsive',
+            },
+            appendTo: '#Piwik_Popover_Wrapper',
             open: function (event, ui) {
                 if (dialogClass) {
                     $(this).parent().addClass(dialogClass).attr('style', '');

plugins/CoreUpdater/Controller.php

@@ -103,7 +103,6 @@ public function getUpdaterJs()
             'node_modules/@materializecss/materialize/dist/js/materialize.min.js',
             'plugins/CoreHome/javascripts/materialize-bc.js',
             'plugins/Morpheus/javascripts/piwikHelper.js',
-            'plugins/CoreHome/javascripts/popover.js',
             'plugins/CoreHome/javascripts/broadcast.js',
             'plugins/CoreUpdater/javascripts/updateLayout.js',
             'plugins/Installation/javascripts/installation.js',

plugins/Dashboard/stylesheets/dashboard.less

@@ -124,13 +124,16 @@ body#standalone {
 }
 
 .ui-dialog {
+  z-index: 1001;
+}
+
+.ui-dialog--responsive {
   display: flex;
   flex-direction: column;
 
   position: relative;
   top: 0 !important;
   left: 0 !important;
-  z-index: 1001;
   margin: auto;
   width: min-content;
   max-width: 100%;

plugins/Installation/Controller.php

@@ -558,7 +558,6 @@ public function getInstallationJs()
             "plugins/CoreHome/javascripts/materialize-bc.js",
             'plugins/Installation/javascripts/installation.js',
             'plugins/Morpheus/javascripts/piwikHelper.js',
-            'plugins/CoreHome/javascripts/popover.js',
             "plugins/CoreHome/javascripts/broadcast.js",
         );