Make admin tables responsive #1099
This commit is contained in:
parent
ffebbc6e80
commit
7d14f80fdb
2 changed files with 43 additions and 31 deletions
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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', {
|
||||||
|
|
Loading…
Reference in a new issue