Scrollbar is to narrow - unable to click it - conflict with resize

[bartlomiejcieszkowski]

Search first

• I searched and no similar issues were found

What Happened?

When trying to scroll down notes it is impossible to scroll by clicking the scrollbar with the mouse, as the cursor would change to window resize

Reproduce the Bug

1. Open logseq journal on Windows
2. Have it in windowed mode (i.e not maximized)
3. Have more entries than there is screen space available
4. Move mouse on the scrollbar
5. Unable to click it is picking up resize movement

Expected Behavior

I can click scrollbar and use it, like i can when it is in maximized state

Screenshots

No response

Desktop or Mobile Platform Information

App Version: 0.10.8
Git Revision: 3fc1560
Platform: Mozilla/5.0 (Windows NT 10.0 Win64 x64) AppleWebKit/537.36 (KHTML like Gecko) Logseq/0.10.8 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36
Language: en-US
Plugins: logseq-find-and-replace (v1.1.1), logseq-swapblocks-plugin (1.3.1), logseq-plugin-heading-level-shortcuts (v0.0.6), logseq-comment-block (v0.0.7), logseq-bullet-threading (v1.1.4), logseq-tabs (v1.19.1), logseq-block-to-page (v1.3.0), logseq-agenda (v2.15.3), logseq-tags (v0.1.2), logseq-git (v1.5.2), logseq-wordcount-plugin (2.4.14), logseq-smartblocks (3.51), logseq-mark-map (v0.3.17)

Additional Context

I can perfectly fine click on scrollbar when the logseq is maximized,

Are you willing to submit a PR? If you know how to fix the bug.

• I'm willing to submit a PR (Thank you!)

[oscaretu]

I have the same problem

[waterleat]

I had issues with being able to see the scrollbar on my linux laptop with the dark theme. I had to change the colours in the css to be able to see the scrollbar and thumb-section within it when the mouse pointer hovers over it. I had to change the margins to get more visibility. My custom css

.dark-theme,
html[data-theme=dark] {
  --ls-scrollbar-foreground-color: #8f2a2a;
  --ls-scrollbar-background-color: #25551e;
  --ls-scrollbar-color: #2a1bac;
  --ct-scrollbar-thumb-hover-color: #c9c617;
}

html ::-webkit-scrollbar-thumb {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;

[oscaretu]

Hello @waterleat

Is there any way to make the scroll bar wider by changing CSS styles?

I have applied these changes in the logseq/custom.css file and haven't noticed any difference. I've tried switching to the dark theme, because I guess those CSS styles only apply to the dark theme, but when I restart Logseq it reverts back to the light theme.

[waterleat]

@oscaretu
I searched for the css file for the theme I had installed. I dont like the standard light mode and only use dark mode. The css file had code for the scrollbar for the standard light mode as well as a darkmode section.
I am not at my computer at the moment so can not give you the location of the file

[alexpmorris]

in custom.css from settings, I used to have the following to widen the scrollbar, but it stopped working after a recent logseq update:

html ::-webkit-scrollbar {
    width: 15px;
}

However, the updated css below fixed it for me again! :)

:root {
  --ls-scrollbar-width: 15px;
}

[oscaretu]

Hello @alexpmorris

Thanks a lot for your help! It worked for me too!