FF90 CSS scrollbar size width button

User Help for Mozilla Firefox
Post Reply
jetspeedz
Posts: 200
Joined: January 4th, 2013, 12:11 am

FF90 CSS scrollbar size width button

Post by jetspeedz »

I don't believe there is a way to change this but someone with more expertise might know.

Trying to change the size of the vertical scroll bar which is easy enough with code below but the scroll buttons go missing when you use the "thin" option. I don't know if there is another way to minimize the width of the scrollbar and retain the buttons. I've tried various codes and nothing works. If anyone has any ideas it would be appreciated.


:root{scrollbar-width: thin !important;}
jetspeedz
Posts: 200
Joined: January 4th, 2013, 12:11 am

Re: FF90 CSS scrollbar size width button

Post by jetspeedz »

here is more info on this but again nothing about the button being visible when set to thin

https://developer.mozilla.org/en-US/doc ... lbar-width
User avatar
WaltS48
Posts: 5141
Joined: May 7th, 2010, 9:38 am
Location: Pennsylvania, USA

Re: FF90 CSS scrollbar size width button

Post by WaltS48 »

No need for CSS IMHO.

I use the mouse wheel, Page Up, Page Down, or up and down arrow keys.

Autoscrolling can also be enabled in preferences.
Linux Desktop - AMD Athlon(tm) II X3 455 3.3GHz | 8.0GB RAM | GeForce GT 630
Windows Notebook - AMD A8 7410 2.2GHz | 6.0GB RAM | AMD Radeon R5
jetspeedz
Posts: 200
Joined: January 4th, 2013, 12:11 am

Re: FF90 CSS scrollbar size width button

Post by jetspeedz »

That is your opinion, I'm looking for a solution via CSS. I don't believe there is an option via CSS other than what I have pointed out, but this is why I'm asking.
morat
Posts: 6404
Joined: February 3rd, 2009, 6:29 pm

Re: FF90 CSS scrollbar size width button

Post by morat »

I doubt you could override the styling using the userContent.css file.

Similar thread: http://forums.mozillazine.org/viewtopic ... &t=3077524
jetspeedz
Posts: 200
Joined: January 4th, 2013, 12:11 am

Re: FF90 CSS scrollbar size width button

Post by jetspeedz »

Hi morat, yes I believe you are right, it is not possible.

Do you think this is possible though with the userChrome.js hack?

Don't want to go down a rabbit hole to find the same thing if you have already tried.
morat
Posts: 6404
Joined: February 3rd, 2009, 6:29 pm

Re: FF90 CSS scrollbar size width button

Post by morat »

If I remove the scrollbar-width entry in the userContent.css file, then I can style the scrollbar using the example.as.css file.

Show scrollbar buttons:

Code: Select all

scrollbar { width: 5px !important; }
scrollbar scrollbarbutton { display: auto !important; }
Hide scrollbar buttons:

Code: Select all

scrollbar { width: 5px !important; }
scrollbar scrollbarbutton { display: none !important; }
However, the width of the visible scrollbar button sets the minimum width of the scrollbar. I guess I would need to replace the scrollbar button image with a smaller image to decrease the width. Or maybe I only need to change the min-width.

Examples
http://gist.github.com/Sporif/ba3c9a9bc ... 24079be69f
http://gist.github.com/Arty2/fdf19aea2c ... f059d58eb1
http://github.com/Izheil/Quantum-Nox-Fi ... scrollbars
http://github.com/spencerwooo/firefox-o ... bars.uc.js (see css entries in js)
jetspeedz
Posts: 200
Joined: January 4th, 2013, 12:11 am

Re: FF90 CSS scrollbar size width button

Post by jetspeedz »

Thanks for the info will definitely give this a try now. I'm surprised you can't change the existing button width.
morat
Posts: 6404
Joined: February 3rd, 2009, 6:29 pm

Re: FF90 CSS scrollbar size width button

Post by morat »

Here is how to set the existing button width.

Code: Select all

scrollbar[orient="vertical"] {
  width: 5px !important;
  min-width: 5px !important;
}
It's kinda ugly since the up and down arrows aren't centered.
jetspeedz
Posts: 200
Joined: January 4th, 2013, 12:11 am

Re: FF90 CSS scrollbar size width button

Post by jetspeedz »

I got home late tonight so I have not had a chance to test anything.

Just to make sure I understand, the code above needs to be put in a blank file i can rename example.as.css

or does the userChrome.js also need to be copied to the chrome folder too?

thanks
morat
Posts: 6404
Joined: February 3rd, 2009, 6:29 pm

Re: FF90 CSS scrollbar size width button

Post by morat »

Try this:

* <install directory>\defaults\pref\autoconfig.js

Code: Select all

(see other thread)
* <install directory>\mozilla.cfg

Code: Select all

(see other thread)
* <profile directory>\chrome\styles.as.css

Code: Select all

/* AGENT_SHEET */

scrollbar { width: 35px !important; }
Other thread: http://forums.mozillazine.org/viewtopic ... #p14854175

Remember to remove the scrollbar-width entry in the userContent.css file.
jetspeedz
Posts: 200
Joined: January 4th, 2013, 12:11 am

Re: FF90 CSS scrollbar size width button

Post by jetspeedz »

Thanks will test this tonight, appreciate your effort to get this to work.
Post Reply