paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-09 09:58:20 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: chrome scrolling in >= 129 (#7738)

Browse Source
This commit is contained in:
shamoon 2024-09-18 17:09:42 -07:00 committed by GitHub
parent 6192c15c4d
commit fa6f013db5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,6 +12,9 @@
z-index: 995; /* Behind the navbar */ z-index: 995; /* Behind the navbar */
padding: 50px 0 0; /* Height of navbar */ padding: 50px 0 0; /* Height of navbar */
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
overflow-y: auto;
--pngx-sidebar-width: 25%;
max-width: var(--pngx-sidebar-width);
.sidebar-heading .spinner-border { .sidebar-heading .spinner-border {
width: 0.8em; width: 0.8em;
@ -24,15 +27,15 @@
// These come from the col-* classes for non-slim sidebar, needed for animation // These come from the col-* classes for non-slim sidebar, needed for animation
@media (min-width: 768px) { @media (min-width: 768px) {
max-width: 25%; --pngx-sidebar-width: 25%;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
max-width: 16.66666667%; --pngx-sidebar-width: 16.66666667%;
} }
@media (min-width: 2400px) { @media (min-width: 2400px) {
max-width: 8.33333333%; --pngx-sidebar-width: 8.33333333%;
} }
transition: all .2s ease; transition: all .2s ease;
@ -109,12 +112,17 @@ main {
.sidebar-slim-toggler { .sidebar-slim-toggler {
display: block; display: block;
position: absolute; position: fixed;
right: -12px; left: calc(var(--pngx-sidebar-width) - 12px);
top: 60px; top: 60px;
z-index: 996; z-index: 996;
--bs-btn-padding-x: 0.35rem; --bs-btn-padding-x: 0.35rem;
--bs-btn-padding-y: 0.125rem; --bs-btn-padding-y: 0.125rem;
transition: all .2s ease;
}
.sidebar.slim .sidebar-slim-toggler {
--pngx-sidebar-width: 50px !important;
} }
} }