How to increase width of scrollbar on main window

Questions & Help
1

Hello,
I am having trouble with the scrollbar on the central and left panels of the Logseq window, especially when the window takes up half of the computer screen or less. The scrollbar is very thin and the handle is very difficult to grab with the mouse pointer.
I have tried some custom css using the edit custom css setting. The only thing that the following code seems to do is darken the left panel scrollbar when the handle is clicked. The width of the left panel scrollbar does not change, and nothing on the main panel scrollbar changes.
.scrollbar {
background-color: #6b6b6b;
float: left;
height: 300px;
margin-bottom: 25px;
margin-left: 22px;
margin-top: 40px;
width: 80px;
overflow-y: scroll;
}

.force-overflow {
min-height: 450px;
}

Any help with css code that can make the main panel scrollbar wider and darker?
Thanks!

2

Try this:

html.custom-scrollbar ::-webkit-scrollbar {
    background-color: #6b6b6b;
    width: 80px;
}

The example values are not good, but you can experiment with others.

1 Like
3

That worked perfectly - thank you! (15 pixels for the width is perfect for me)

4

Is this example still valid?
Im working on Windows, and I still have the problem the Scrollbar is not visible.
Is this also controlled by the theme?
Any pointer welcome…

5

I have updated the example. Try it now.

6

I have put this in custom CSS but it’s not working. May you help?

7

Please share the contents of your custom.css and the steps you’ve taken, otherwise it’s kinda difficult for people to help. For example, have you refreshed/restarted Logseq after applying the changes?

1 Like
8

Edit: Nevermind I had syntax issues. // is not a comment in css. Thanks a lot.

1 Like