From bcb1b87fc036ef0383252a284aebdcf7897994c9 Mon Sep 17 00:00:00 2001
From: Eike Kettner <eike.kettner@posteo.de>
Date: Fri, 8 Jan 2021 01:15:38 +0100
Subject: [PATCH] Enable independent scrolling of search menu and list

Fixes some other minor css issues.

Closes: #541
---
 modules/webapp/src/main/webjar/docspell.css | 25 +++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/modules/webapp/src/main/webjar/docspell.css b/modules/webapp/src/main/webjar/docspell.css
index ae5b1ecc..ee1b63a3 100644
--- a/modules/webapp/src/main/webjar/docspell.css
+++ b/modules/webapp/src/main/webjar/docspell.css
@@ -53,17 +53,16 @@
 }
 .default-layout {
     background: #fff;
-    height: 100%;
 }
 
 .default-layout .main-content {
-    padding-top: 44px;
-    padding-bottom: 2em;
+    margin-top: 45px;
 }
 
 .default-layout .top-menu {
     background:  aliceblue;
     box-shadow: 1px 1px 0px 0px black;
+    height: 44px;
 }
 
 .default-layout .top-menu a.header.item img {
@@ -235,6 +234,24 @@ textarea.markdown-editor {
     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 {
     width: 100%;
 }
@@ -325,7 +342,7 @@ label span.muted {
 
 .login-layout, .register-layout, .newinvite-layout {
     background: #708090;
-    height: 100%;
+    height: 100vh;
 }
 .login-layout > .ui.footer, .register-layout > .ui.footer, .newinvite-layout > .ui.footer {
     background: #708090;