The 'protected' checkbox in the left column seems to use slightly less
space than the 'mailto' field in the same row in the right column.
The 'mailto' field is only shown when the 'notification-mode' is set to
legacy-sendmail. Due to the differences in size, the UI shifts by a
couple pixels when the additional field is shown.

As a workaround, the checkbox is padded on the bottom by a tiny amount,
stopping the UI from shifting around when the additional field is
shown.

Signed-off-by: Lukas Wagner <l.wag...@proxmox.com>
---

Notes:
    New in v2.

 www/manager6/window/Backup.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/www/manager6/window/Backup.js b/www/manager6/window/Backup.js
index 4377cb5f..b7021745 100644
--- a/www/manager6/window/Backup.js
+++ b/www/manager6/window/Backup.js
@@ -240,6 +240,9 @@ Ext.define('PVE.window.Backup', {
            checked: false,
            uncheckedValue: 0,
            fieldLabel: gettext('Protected'),
+           // Tiny amount of padding to stop the UI from shifting
+           // when the 'mailto' field is shown.
+           padding: '0 0 1 0',
        });
 
        me.formPanel = Ext.create('Proxmox.panel.InputPanel', {
-- 
2.39.5



_______________________________________________
pve-devel mailing list
pve-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel

Reply via email to