dnrops
/
cryptpad
mirror of https://github.com/xwiki-labs/cryptpad
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1555 from cryptpad/1099-performance-table-not-responsive-for-mobile 

Make performance table responsive for mobile
This commit is contained in:
yflory 2024-08-28 17:06:10 +02:00 committed by GitHub
parent dab44da0a2 4d1d4852c3
commit 29433c7ebc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 47 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
www/admin/app-admin.less
View File

@ -28,6 +28,37 @@
max-height: 250px; max-height: 250px;
} }
} }
#cp-sidebarlayout-container {
#cp-sidebarlayout-rightside {
.cp-sidebarlayout-element[data-item] {
div#cp-admin-table-container {
overflow-x: auto;
.cp-sidebar-table#cp-admin-table {
tr {
display: flex;
}
th, td {
flex: 1;
word-wrap: break-word;
white-space: normal;
min-width: 13rem;
margin-right: 0px;
}
@media (max-width: @browser_media-not-small) {
width: 100%;
tr {
width: 100%;
}
th, td {
margin-right: 0;
min-width: 7rem;
}
}
}
}
}
}
}
.cp-admin-color-current { .cp-admin-color-current {
width: 20px; width: 20px;
height: 20px; height: 20px;

20
www/admin/inner.js
View File

@ -1116,6 +1116,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([
@ -1216,7 +1219,7 @@ define([
}); });
}); });
cb([form, list]); cb([form, div]);
}); });
var getBlockId = (val) => { var getBlockId = (val) => {
@ -1428,6 +1431,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]);
@ -1596,7 +1602,7 @@ define([
}); });
}); });
cb([form, list]); cb([form, div]);
}); });
// Msg.admin_defaultlimitHint, .admin_defaultlimitTitle // Msg.admin_defaultlimitHint, .admin_defaultlimitTitle
@ -1756,6 +1762,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 () {
@ -1813,7 +1822,7 @@ define([
}); });
}; };
APP.refreshLimits(); APP.refreshLimits();
cb(table); cb(div);
}); });
// Msg.admin_accountMetadataHint.admin_accountMetadataTitle // Msg.admin_accountMetadataHint.admin_accountMetadataTitle
@ -3609,6 +3618,9 @@ define([
]; ];
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');
const onRefresh = function () { const onRefresh = function () {
sFrameChan.query('Q_ADMIN_RPC', { sFrameChan.query('Q_ADMIN_RPC', {
@ -3641,7 +3653,7 @@ define([
onRefresh(); onRefresh();
onRefreshPerformance.reg(onRefresh); onRefreshPerformance.reg(onRefresh);
cb(table); cb(div);
}); });