TheAnachronism/docspell
1
0
Fork 0
mirror of https://github.com/TheAnachronism/docspell.git synced 2025-04-05 10:59:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enable independent scrolling of search menu and list

Browse Source 
Fixes some other minor css issues.

Closes: #541
This commit is contained in:
Eike Kettner 2021-01-08 01:15:38 +01:00
parent 3c12e3678f
commit bcb1b87fc0
1 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
modules/webapp/src/main/webjar/docspell.css
View File

@ -53,17 +53,16 @@
} }
.default-layout { .default-layout {
background: #fff; background: #fff;
height: 100%;
} }
.default-layout .main-content { .default-layout .main-content {
padding-top: 44px; margin-top: 45px;
padding-bottom: 2em;
} }
.default-layout .top-menu { .default-layout .top-menu {
background: aliceblue; background: aliceblue;
box-shadow: 1px 1px 0px 0px black; box-shadow: 1px 1px 0px 0px black;
height: 44px;
} }
.default-layout .top-menu a.header.item img { .default-layout .top-menu a.header.item img {
@ -235,6 +234,24 @@ textarea.markdown-editor {
background-color: aliceblue; background-color: aliceblue;
} }
@media (min-width: 768px) {
.default-layout .search-menu {
overflow-y: auto;
height: calc(100vh - 45px);
scrollbar-width: none;
}
.default-layout .search-menu::-webkit-scrollbar {
width: 0 !important;
}
.default-layout .item-card-list {
overflow-y: scroll;
height: calc(100vh - 45px);
}
body,html {
height: inherit;
}
}
.default-layout .ui.action.input .elm-datepicker--container { .default-layout .ui.action.input .elm-datepicker--container {
width: 100%; width: 100%;
} }
@ -325,7 +342,7 @@ label span.muted {
.login-layout, .register-layout, .newinvite-layout { .login-layout, .register-layout, .newinvite-layout {
background: #708090; background: #708090;
height: 100%; height: 100vh;
} }
.login-layout > .ui.footer, .register-layout > .ui.footer, .newinvite-layout > .ui.footer { .login-layout > .ui.footer, .register-layout > .ui.footer, .newinvite-layout > .ui.footer {
background: #708090; background: #708090;