ui: ceph install wizard: fix config exists note position

During the Ceph installation, in the configuration step, a note is shown
if there already is a Ceph configuration present. This notification
should be in the center of the wizard but is currently barely visible.

ExtJS is having trouble calculating the position and the result is that
the note is placed almost out of the visible area.

Setting a fixed height helps ExtJS calculate the vertical position.
Changing from the 'beforeshow' listener to the 'afterrender' one helps
for the horizontal position.

Signed-off-by: Aaron Lauterer <a.lauterer@proxmox.com>

diff --git a/www/manager6/ceph/CephInstallWizard.js b/www/manager6/ceph/CephInstallWizard.js
index fc99029ed6a75e741ba1623f6c282243bce86ae0..59458b0dd07aaa1f735f29e3ed55ccc998d08581 100644 (file)
--- a/www/manager6/ceph/CephInstallWizard.js
+++ b/www/manager6/ceph/CephInstallWizard.js
@@ -337,6 +337,7 @@ Ext.define('PVE.ceph.CephInstallWizard', {
            xtype: 'inputpanel',
            title: gettext('Configuration'),
            onlineHelp: 'chapter_pveceph',
+           height: 300,
            cbind: {
                nodename: '{nodename}',
            },
@@ -350,7 +351,7 @@ Ext.define('PVE.ceph.CephInstallWizard', {
                activate: function() {
                    this.up('pveCephInstallWizard').down('#submit').setText(gettext('Next'));
                },
-               beforeshow: function() {
+               afterrender: function() {
                    if (this.up('pveCephInstallWizard').getViewModel().get('configuration')) {
                        this.mask("Configuration already initialized", ['pve-static-mask']);
                    } else {