mirror of
https://git.proxmox.com/git/pmg-gui
synced 2025-08-08 10:54:26 +00:00
mobileui: fix list height
the items have different heights depending on theme and type so use the correct ones Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
This commit is contained in:
parent
d0d381a817
commit
7a0d854095
@ -135,6 +135,9 @@ class QuarantineView extends Component {
|
|||||||
renderItem: function(item) {
|
renderItem: function(item) {
|
||||||
return me._renderItem(item);
|
return me._renderItem(item);
|
||||||
},
|
},
|
||||||
|
height: function(item) {
|
||||||
|
return me._calculateHeight(item);
|
||||||
|
},
|
||||||
emptyTemplate: '<div class="empty">No data in database</div>'
|
emptyTemplate: '<div class="empty">No data in database</div>'
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -252,6 +255,32 @@ class QuarantineView extends Component {
|
|||||||
}
|
}
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
_calculateHeight(item) {
|
||||||
|
var me = this;
|
||||||
|
|
||||||
|
let height = 48; // default
|
||||||
|
|
||||||
|
if (typeof item === 'object') {
|
||||||
|
let type = app.theme + '-' + (item.divider? "divider" : 'item');
|
||||||
|
switch (type) {
|
||||||
|
case 'md-divider':
|
||||||
|
height = 48;
|
||||||
|
break;
|
||||||
|
case 'md-item':
|
||||||
|
height = 54;
|
||||||
|
break;
|
||||||
|
case 'ios-divider':
|
||||||
|
height = 31;
|
||||||
|
break;
|
||||||
|
case 'ios-item':
|
||||||
|
height = 53;
|
||||||
|
break;
|
||||||
|
default: ;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return height;
|
||||||
|
}
|
||||||
_renderItem(item) {
|
_renderItem(item) {
|
||||||
var me = this;
|
var me = this;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user