The_Great_Archive/cryptpad
1
0
Fork 0
mirror of https://github.com/cryptpad/cryptpad.git synced 2026-09-14 11:05:41 +05:00
Code Issues Packages Projects Releases Wiki Activity

Adjust general table styling to flex and make the performance one responsive #1099

Browse Source
This commit is contained in:
DianaXWiki 2024-07-17 12:34:41 +03:00
parent 81f70c6a67
commit 482e327454
3 changed files with 22 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.eslintrc.js
View File

@ -35,7 +35,7 @@ module.exports = {
4
],
'linebreak-style': [
'error',
'off', // git handles linebreak conversion for us
'unix'
],
'quotes': [

32
customize.dist/src/less2/include/sidebar-layout.less
View File

@ -174,6 +174,9 @@
}
.cp-sidebar-table {
margin-top: @sidebar_base-margin;
tr {
display: flex;
}
pre {
margin: 0;
}
@ -189,34 +192,17 @@
margin-right: @sidebar_base-margin;
}
}
th, td {
flex: 1;
word-wrap: break-word;
white-space: normal;
min-width: 13rem;
}
tbody {
tr:nth-child(odd) {
background-color: @cp_sidebar-left-item-bg;
}
}
}
.cp-sidebar-table#performance-profiling-table {
@media (max-width: 900px) {
width: 100%;
border: 1px solid @cp_drive-icon-border;
tr {
display: flex;
flex-wrap: wrap;
align-items: center;
}
th, td {
border: none;
flex: 1 1 auto;
width: 5rem;
margin-right: 0;
font-size: 13px;
word-wrap: break-word;
white-space: normal;
}
}
}
.cp-sidebar-input-block {
display: inline-flex;

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

@ -28,6 +28,18 @@
max-height: 250px;
}
}
#cp-sidebarlayout-container #cp-sidebarlayout-rightside .cp-sidebarlayout-element[data-item] .cp-sidebar-table#performance-profiling-table {
@media (max-width: @browser_media-not-small) {
width: 100%;
tr {
width: 100%;
}
th, td {
margin-right: 0;
min-width: 1rem;
}
}
}
.cp-admin-color-current {
width: 20px;
height: 20px;