ui: backup view: add scrolling overflow handler for the toolbar

As we got reports that some buttons get cut-off on resolutions close
to our minimal 720p one, especially if the "guest not in backup" jobs
hint is shown.

Link: https://forum.proxmox.com/threads/120714/
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
 [ T: resolve merge conflict and reword commit message ]
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Dominik Csapak 2023-01-18 15:35:20 +01:00 committed by Thomas Lamprecht
parent 38e79438f7
commit cc911f63aa

View File

@ -740,41 +740,46 @@ Ext.define('PVE.dc.BackupView', {
viewConfig: { viewConfig: {
trackOver: false, trackOver: false,
}, },
tbar: [ dockedItems: [{
{ xtype: 'toolbar',
text: gettext('Add'), overflowHandler: 'scroller',
handler: function() { dock: 'top',
var win = Ext.create('PVE.dc.BackupEdit', {}); items: [
win.on('destroy', reload); {
win.show(); text: gettext('Add'),
handler: function() {
var win = Ext.create('PVE.dc.BackupEdit', {});
win.on('destroy', reload);
win.show();
},
}, },
}, '-',
'-', remove_btn,
remove_btn, edit_btn,
edit_btn, detail_btn,
detail_btn, '-',
'-', run_btn,
run_btn, '->',
'->', noBackupJobInfoButton,
noBackupJobInfoButton, '-',
'-', {
{ xtype: 'proxmoxButton',
xtype: 'proxmoxButton', selModel: null,
selModel: null, text: gettext('Schedule Simulator'),
text: gettext('Schedule Simulator'), handler: () => {
handler: () => { let record = sm.getSelection()[0];
let record = sm.getSelection()[0]; let schedule;
let schedule; if (record) {
if (record) { schedule = record.data.schedule;
schedule = record.data.schedule; }
} Ext.create('PVE.window.ScheduleSimulator', {
Ext.create('PVE.window.ScheduleSimulator', { autoShow: true,
autoShow: true, schedule,
schedule, });
}); },
}, },
}, ],
], }],
columns: [ columns: [
{ {
header: gettext('Enabled'), header: gettext('Enabled'),