cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-12-26 23:42:11 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix: apply reasonable defaults to all scrollbar thumbs

Browse source
This commit is contained in:
Paul Makles 2021-12-30 15:33:13 +00:00
parent 7496f484e1
commit 6693f826fd
3 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/RevoltApp.tsx
View file

@ -39,8 +39,8 @@ const StatusBar = styled.div`
gap: 14px; gap: 14px;
.button { .button {
border: 1px solid white;
padding: 5px; padding: 5px;
border: 1px solid white;
border-radius: var(--border-radius); border-radius: var(--border-radius);
} }
`; `;

2
src/pages/channels/Channel.tsx
View file

@ -37,8 +37,6 @@ const ChannelMain = styled.div`
flex-direction: row; flex-direction: row;
> * > ::-webkit-scrollbar-thumb { > * > ::-webkit-scrollbar-thumb {
min-height: 100px; //TOFIX: add this to all scrollbars so they do not disappear
width: 4px;
background-clip: content-box; background-clip: content-box;
border-top: 48px solid transparent; border-top: 48px solid transparent;
} }

4
src/styles/_elements.scss
View file

@ -13,6 +13,10 @@
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
min-height: 15px;
min-width: 15px;
background-clip: content-box;
background: var(--scrollbar-thumb); background: var(--scrollbar-thumb);
} }