smokephil/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-12-12 17:47:08 +01:00
Code Issues Projects Releases Packages 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 aa55162e2e
commit e0f93c26d6
6 changed files with 34 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

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 {