amorfo77/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2026-05-19 21:15:30 +00:00
Code Issues Projects Releases Wiki Activity

Enhancement: auto-hide the search bar on mobile

Browse Source
This commit is contained in:
shamoon
2026-03-19 15:35:39 -07:00
parent d671e34559
commit 09a7701406
5 changed files with 116 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src-ui/src/app/components/document-list/document-list.component.scss
+8 -1
View File
@@ -56,13 +56,20 @@ $paperless-card-breakpoints: (
.sticky-top {
z-index: 990; // below main navbar
top: calc(7rem - 2px); // height of navbar (mobile)
top: calc(7rem - 2px); // height of navbar + search row (mobile)
transition: top 0.2s ease;
@media (min-width: 580px) {
top: 3.5rem; // height of navbar
}
}
@media (max-width: 579.98px) {
:host-context(main.mobile-search-hidden) .sticky-top {
top: calc(3.5rem - 2px); // height of navbar only when search is hidden
}
}
.table .form-check {
padding: 0.2rem;
min-height: 0;