FF90 CSS scrollbar size width button
-
- Posts: 200
- Joined: January 4th, 2013, 12:11 am
FF90 CSS scrollbar size width button
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;}
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;}
-
- Posts: 200
- Joined: January 4th, 2013, 12:11 am
Re: FF90 CSS scrollbar size width button
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
https://developer.mozilla.org/en-US/doc ... lbar-width
- WaltS48
- Posts: 5141
- Joined: May 7th, 2010, 9:38 am
- Location: Pennsylvania, USA
Re: FF90 CSS scrollbar size width button
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.
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
Windows Notebook - AMD A8 7410 2.2GHz | 6.0GB RAM | AMD Radeon R5
-
- Posts: 200
- Joined: January 4th, 2013, 12:11 am
Re: FF90 CSS scrollbar size width button
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.
-
- Posts: 6437
- Joined: February 3rd, 2009, 6:29 pm
Re: FF90 CSS scrollbar size width button
I doubt you could override the styling using the userContent.css file.
Similar thread: http://forums.mozillazine.org/viewtopic ... &t=3077524
Similar thread: http://forums.mozillazine.org/viewtopic ... &t=3077524
-
- Posts: 200
- Joined: January 4th, 2013, 12:11 am
Re: FF90 CSS scrollbar size width button
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.
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.
-
- Posts: 6437
- Joined: February 3rd, 2009, 6:29 pm
Re: FF90 CSS scrollbar size width button
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:
Hide scrollbar buttons:
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)
Show scrollbar buttons:
Code: Select all
scrollbar { width: 5px !important; }
scrollbar scrollbarbutton { display: auto !important; }
Code: Select all
scrollbar { width: 5px !important; }
scrollbar scrollbarbutton { display: none !important; }
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)
-
- Posts: 200
- Joined: January 4th, 2013, 12:11 am
Re: FF90 CSS scrollbar size width button
Thanks for the info will definitely give this a try now. I'm surprised you can't change the existing button width.
-
- Posts: 6437
- Joined: February 3rd, 2009, 6:29 pm
Re: FF90 CSS scrollbar size width button
Here is how to set the existing button width.
It's kinda ugly since the up and down arrows aren't centered.
Code: Select all
scrollbar[orient="vertical"] {
width: 5px !important;
min-width: 5px !important;
}
-
- Posts: 200
- Joined: January 4th, 2013, 12:11 am
Re: FF90 CSS scrollbar size width button
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
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
-
- Posts: 6437
- Joined: February 3rd, 2009, 6:29 pm
Re: FF90 CSS scrollbar size width button
Try this:
* <install directory>\defaults\pref\autoconfig.js
* <install directory>\mozilla.cfg
* <profile directory>\chrome\styles.as.css
Other thread: http://forums.mozillazine.org/viewtopic ... #p14854175
Remember to remove the scrollbar-width entry in the userContent.css file.
* <install directory>\defaults\pref\autoconfig.js
Code: Select all
(see other thread)
Code: Select all
(see other thread)
Code: Select all
/* AGENT_SHEET */
scrollbar { width: 35px !important; }
Remember to remove the scrollbar-width entry in the userContent.css file.
-
- Posts: 200
- Joined: January 4th, 2013, 12:11 am
Re: FF90 CSS scrollbar size width button
Thanks will test this tonight, appreciate your effort to get this to work.