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

Merge pull request #713 from eikek/scrollbars

Browse Source 
Add scrollbars
This commit is contained in:
mergify[bot] 2021-03-13 13:43:13 +00:00 committed by GitHub
commit aade4c173a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 42 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
modules/webapp/src/main/elm/Styles.elm
View File

@ -3,7 +3,7 @@ module Styles exposing (..)
sidebar : String sidebar : String
sidebar = sidebar =
" flex flex-col flex-none md:w-80 w-full min-h-max px-4 dark:text-gray-200 shadow overflow-y-auto scrollbar-none h-full transition-opacity transition-duration-200 " " flex flex-col flex-none md:w-80 w-full min-h-max px-4 dark:text-gray-200 shadow overflow-y-auto h-full transition-opacity transition-duration-200 scrollbar-thin scrollbar-light-sidebar dark:scrollbar-dark-sidebar"
sidebarBg : String sidebarBg : String
@ -18,7 +18,7 @@ sidebarMenuItemActive =
content : String content : String
content = content =
"container mx-auto px-2 h-screen-12 overflow-y-auto scrollbar-none" "container mx-auto px-2 h-screen-12 overflow-y-auto scrollbar-main scrollbar-thin"
sidebarLink : String sidebarLink : String

41
modules/webapp/src/main/styles/index.css
View File

@ -136,8 +136,47 @@
display: none; display: none;
} }
.scrollbar-thin {
scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
width: 8px;
}
@variants dark {
.scrollbar-dark-sidebar {
scrollbar-color: rgba(15,23,42,0.9) rgba(15,23,42,0.3);
}
.scrollbar-light-sidebar {
scrollbar-color: rgba(219, 234, 254, 1.0) rgba(219, 234, 254,0.3);
}
.scrollbar-main {
scrollbar-color: rgba(156, 163, 175,0.9) rgba(156, 163, 175,0.3);
}
.scrollbar-dark-sidebar::-webkit-scrollbar {
background-color: rgba(15,23,42,0.3);
}
.scrollbar-dark-sidebar::-webkit-scrollbar-thumb {
background: rgba(15,23,42,0.9);
}
.scrollbar-light-sidebar::-webkit-scrollbar {
background-color: rgba(219, 234, 254, 0.3);
}
.scrollbar-light-sidebar::-webkit-scrollbar-thumb {
background: rgba(219, 234, 254, 1.0);
}
.scrollbar-main::-webkit-scrollbar {
background-color: rgba(156, 163, 175, 0.3);
}
.scrollbar-main::-webkit-scrollbar-thumb {
background: rgba(156, 163, 175, 0.9);
}
}
.ds-card-search-hl strong { .ds-card-search-hl strong {
@apply bg-lime-200 dark:bg-lightblue-700 italic font-bold px-1; @apply bg-lime-200 dark:bg-lightblue-700 italic font-bold px-1;
} }
} }