Right hand scroll bar

How To
1

Hi,

Am I the only one, or is there a setting for this?

Screenshot 2024-12-09 130148
Screenshot 2024-12-09 130148233×571 10.5 KB

I always find it really hard to get a hold of the right hand vertical scroll bar. It is so thin that i find it really hard to go up and down!

Thanks

Ian

2

That’s a great idea! I’m sure others would agree that this is a nice feature to have.

You can submit this suggestion to the Idea exchange, under Platform improvements

Don’t forget to search for it first, just in case someone already suggested it, so that you don’t end up creating a duplicate.
Screenshot_2024-01-17_130153

In the meantime, as a workaround I have created a Stylus custom style to override the default scrollbars. You’ll need to install this extension, but it immediately solves this issue once set-up :slight_smile:

:root {
  --scrollbar-width: 8px;

  --scrollbar-track: rgba(128,128,128,0.0);
  --scrollbar-track-active: rgba(128,128,128,0.1);
  --scrollbar-thumb: #666;
  --scrollbar-thumb-active: #999;
}

/* Firefox */
html,
html body * {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track) !important;
}

/* Chrome, Edge and Safari */
html body::-webkit-scrollbar,
html body *::-webkit-scrollbar {
  width: var(--scrollbar-width) !important;
  height: var(--scrollbar-width) !important;
}
html body::-webkit-scrollbar-track,
html body *::-webkit-scrollbar-track {
  border-radius: 0px !important;
  background-color: var(--scrollbar-track) !important;
}

html body::-webkit-scrollbar-track:hover,
html body::-webkit-scrollbar-track:active,
html body *::-webkit-scrollbar-track:hover,
html body *::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active) !important;
}

html body::-webkit-scrollbar-thumb,
html body *::-webkit-scrollbar-thumb {
  border-radius: calc(var(--scrollbar-width) / 1.5) !important;
  background-color: var(--scrollbar-thumb) !important;
}

html body::-webkit-scrollbar-thumb:hover,
html body::-webkit-scrollbar-thumb:active,
html body *::-webkit-scrollbar-thumb:hover,
html body *::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active) !important;
}

I’ve made mine just a little thicker, but you can increase the scrollbar-width variable above to a larger number.

Screenshot_2024-12-10_101228
Screenshot_2024-12-10_101228207×311 9.01 KB

Hope this helps! Let me know if there are any further questions or issues.

— @samliew

P.S.: Investing some effort into the Make Academy will save you lots of time and frustration using Make.

2 Likes
3

Thanks Sam

Yes there were others requesting this - can’t think why loads of people havent as it must be an issue for them too. But since the request was over 2 years ago i wont hold my breathe that make will do anything.

so i will try your solution though it sounds a bit complicated.
Thanks again.

ian

4

Actually that was more straightforward than I though, thanks Sam.

All sorted now.

Best wishes

Ian