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

Nicer slim sidebar transitioning, dark mode fixes, fix tests by making settings taller

Browse Source
This commit is contained in:
Michael Shamoon
2022-09-13 11:47:19 -07:00
parent 4bd375b6fe
commit 9976811bfa
6 changed files with 34 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/src/app/components/app-frame/app-frame.component.html
View File

@@ -237,7 +237,7 @@
</div>
</nav>
<main role="main" class="ms-sm-auto px-md-4" [ngClass]="slimSidebarEnabled ? 'col slim' : 'col-md-9 col-lg-10'">
<main role="main" class="ms-sm-auto px-md-4" [ngClass]="slimSidebarEnabled ? 'col-slim' : 'col-md-9 col-lg-10'">
<router-outlet></router-outlet>
</main>
</div>

14
src-ui/src/app/components/app-frame/app-frame.component.scss
View File

@@ -1,3 +1,6 @@
@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
/*
* Sidebar
*/
@@ -15,7 +18,6 @@
height: 0.8em;
}
// These come from the col-md-3 col-lg-2 classes for regular sidebar, needed for animation
@media (min-width: 768px) {
max-width: 25%;
@@ -25,7 +27,7 @@
max-width: 16.66666667%;
}
transition: all .3s ease;
transition: all .2s ease;
}
@media (max-width: 767.98px) {
.sidebar {
@@ -33,6 +35,10 @@
}
}
main {
transition: all .2s ease;
}
.sidebar-slim-toggler {
display: none; // hide on mobile
}
@@ -45,8 +51,8 @@
}
}
.col.slim {
margin-left: 50px !important;
.col-slim {
padding-left: calc(50px + $grid-gutter-width) !important;
}
.sidebar-slim-toggler {