From ee1416f59c97ce9935cf9d1aad2d3d9c6dc8dd2d Mon Sep 17 00:00:00 2001 From: maple3142 Date: Wed, 26 Dec 2018 19:13:06 +0800 Subject: [PATCH] Add tweetdeck style scrollbar --- app/components/IllustList/styles.js | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/app/components/IllustList/styles.js b/app/components/IllustList/styles.js index bef4d1ed..ad84f5d6 100644 --- a/app/components/IllustList/styles.js +++ b/app/components/IllustList/styles.js @@ -7,4 +7,17 @@ export const ScrollableY = styled.div` overflow-y: scroll; overflow-x: hidden; height: 100%; + &::-webkit-scrollbar { + width: 11px; + } + &::-webkit-scrollbar-thumb { + min-height: 50px; + } + &::-webkit-scrollbar-thumb { + border-radius: 5px; + background-color: #444448; + } + &::-webkit-scrollbar-track { + border-left: 1px solid #444448; + } `