May2002
commented
1 year ago Hi again,
if anyone as ignorant as I am is interrested, I have finaly been able to widen the scrollbars thanks to a .css snippet that rewrites the Primary thin scrollbar feature:
/ Thin Scrollbar / .scrollbarthin.scrollbarthin:not(.native-scrollbars) ::-webkit-scrollbar, .scrollbarthin.scrollbarthin:not(.native-scrollbars) .graph-controls::-webkit-scrollbar { visibility: visible; width: var(--scale-2-6); height: var(--scale-2-6); border-radius: 24px; display: inherit; background: var(--scrollbar-bg); } .scrollbarthin.scrollbarthin:not(.native-scrollbars) ::-webkit-scrollbar-thumb { visibility: visible; background: var(scrollbar-thumb-bg); border-radius: 24px; } .scrollbarthin.scrollbarthin:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active { background: var(--scrollbar-active-thumb-bg); border-radius: 24px; }
(Sorry, I tried to add it as code, but then I lose the line breaks)
For my mobile + case, --scale-2-6 is not even quite enought, but --scale-2-8 does the job.
Hi Cecilia, First of all thank you for this great theme! I absolutely love it AND it just made my husband ask for obsidian on his systems :)
I am aware of the position about scrollbar width you expressed here: https://github.com/ceciliamay/obsidianmd-theme-primary/issues/55#issue-1115514261
The thing is that on non-stylus mobile with a case the thin scrollbar just can't be reached, I (at least) usually don't have a mouse when I want to access my notes on the go and there is no hover feature. The workaround (for now) is to decrease the sliding pane width , but aesthetically it is a little bit of a shame since everything else is so clear and nice.
Just so you know...
Best regards!