Make admin tables responsive #1099

This commit is contained in:
DianaXWiki 2024-07-23 15:14:12 +03:00
parent ffebbc6e80
commit 7d14f80fdb
2 changed files with 43 additions and 31 deletions

View file

@ -28,9 +28,12 @@
max-height: 250px; max-height: 250px;
} }
} }
#cp-sidebarlayout-container #cp-sidebarlayout-rightside .cp-sidebarlayout-element[data-item] div#performance-table-container { #cp-sidebarlayout-container {
#cp-sidebarlayout-rightside {
.cp-sidebarlayout-element[data-item] {
div#cp-admin-table-container {
overflow-x: auto; overflow-x: auto;
.cp-sidebar-table#performance-profiling-table { .cp-sidebar-table#cp-admin-table {
tr { tr {
display: flex; display: flex;
} }
@ -48,7 +51,10 @@
} }
th, td { th, td {
margin-right: 0; margin-right: 0;
min-width: 1rem; min-width: 7rem;
}
}
}
} }
} }
} }

View file

@ -1101,6 +1101,9 @@ define([
"" ""
]; ];
var list = blocks.table(header, []); var list = blocks.table(header, []);
list.setAttribute('id', 'cp-admin-table');
let div = blocks.block([list]);
div.setAttribute('id', 'cp-admin-table-container');
var nav = blocks.nav([button, refreshButton]); var nav = blocks.nav([button, refreshButton]);
var form = blocks.form([ var form = blocks.form([
@ -1201,7 +1204,7 @@ define([
}); });
}); });
cb([form, list]); cb([form, div]);
}); });
var getBlockId = (val) => { var getBlockId = (val) => {
@ -1413,6 +1416,9 @@ define([
"" ""
]; ];
var list = blocks.table(header, []); var list = blocks.table(header, []);
list.setAttribute('id', 'cp-admin-table');
let div = blocks.block([list]);
div.setAttribute('id', 'cp-admin-table-container');
var nav = blocks.nav([button, refreshButton]); var nav = blocks.nav([button, refreshButton]);
@ -1581,7 +1587,7 @@ define([
}); });
}); });
cb([form, list]); cb([form, div]);
}); });
// Msg.admin_defaultlimitHint, .admin_defaultlimitTitle // Msg.admin_defaultlimitHint, .admin_defaultlimitTitle
@ -1741,6 +1747,9 @@ define([
Messages.admin_note Messages.admin_note
]; ];
var table = blocks.table(header, []); var table = blocks.table(header, []);
table.setAttribute('id', 'cp-admin-table');
let div = blocks.block([table]);
div.setAttribute('id', 'cp-admin-table-container');
let $table = $(table).hide(); let $table = $(table).hide();
APP.refreshLimits = function () { APP.refreshLimits = function () {
@ -1798,7 +1807,7 @@ define([
}); });
}; };
APP.refreshLimits(); APP.refreshLimits();
cb(table); cb(div);
}); });
// Msg.admin_accountMetadataHint.admin_accountMetadataTitle // Msg.admin_accountMetadataHint.admin_accountMetadataTitle
@ -3595,12 +3604,9 @@ define([
]; ];
var table = blocks.table(header, []); var table = blocks.table(header, []);
table.setAttribute('id', 'cp-admin-table');
table.id = 'performance-profiling-table'; let div = blocks.block([table]);
div.setAttribute('id', 'cp-admin-table-container');
var div = document.createElement('div');
div.id = 'performance-table-container';
div.appendChild(table);
const onRefresh = function () { const onRefresh = function () {
sFrameChan.query('Q_ADMIN_RPC', { sFrameChan.query('Q_ADMIN_RPC', {