mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style the left pane scrollbar

Browse source
This commit is contained in:
Josh Perez 2021-08-26 17:05:43 -04:00 committed by GitHub
parent 2b08cbfdfe
commit 9f87543388
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
stylesheets/_modules.scss
View file

@ -5746,6 +5746,23 @@ button.module-image__border-overlay:focus {
// Module: conversation list
.module-conversation-list {
&::-webkit-scrollbar-thumb {
border-radius: 4px;
visibility: hidden;
width: 6px;
@include light-theme {
background: $color-black-alpha-40;
}
@include dark-theme {
background: $color-white-alpha-40;
}
}
&:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
&--scroll-behavior {
&-default {
@include smooth-scroll;

2
stylesheets/components/Preferences.scss
View file

@ -112,7 +112,7 @@
&__settings-pane {
height: 100vh;
overflow: scroll;
overflow: overlay;
width: 100%;
&::-webkit-scrollbar-corner {

2
ts/components/ConversationList.tsx
View file

@ -337,7 +337,7 @@ export const ConversationList: React.FC<PropsType> = ({
rowHeight={calculateRowHeight}
rowRenderer={renderRow}
scrollToIndex={scrollToRowIndex}
style={{ overflow: scrollable ? 'auto' : 'hidden' }}
style={{ overflow: scrollable ? 'overlay' : 'hidden' }}
tabIndex={-1}
width={width}
/>