paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-07-28 18:24:38 -05:00
Code Issues Packages Projects Releases Wiki Activity

slim sidebar with doc list adjusting

Browse Source
This commit is contained in:
Michael Shamoon
2022-09-12 14:51:34 -07:00
parent 49626ccf37
commit ca7e14bea9
5 changed files with 114 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src-ui/src/app/components/document-list/document-list.component.scss
View File

@@ -11,7 +11,7 @@ tr {
}
$paperless-card-breakpoints: (
0: 2, // xs
// 0: 2, // xs is manual for slim-sidebar
768px: 3, //md
992px: 4, //lg
1200px: 5, //xl
@@ -22,6 +22,12 @@ $paperless-card-breakpoints: (
);
.row-cols-paperless-cards {
// xs, we dont want in .col.slim block
> * {
flex: 0 0 auto;
width: calc(100% / 2);
}
@each $width, $n_cols in $paperless-card-breakpoints {
@media(min-width: $width) {
> * {
@@ -32,6 +38,17 @@ $paperless-card-breakpoints: (
}
}
::ng-deep .col.slim .row-cols-paperless-cards {
@each $width, $n_cols in $paperless-card-breakpoints {
@media(min-width: $width) {
> * {
flex: 0 0 auto;
width: calc(100% / ($n-cols + 1));
}
}
}
}
.dropdown-menu-right {
right: 0 !important;
left: auto !important;