Enable independent scrolling of search menu and list

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

View File

@ -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;