Ed Mullen wrote:
Sailfish wrote:
My bloviated meandering follows what Ed Mullen graced us with on
11/28/2012 11:31 AM:
Rufus wrote:
Sailfish wrote:
My bloviated meandering follows what Ed Mullen graced us with on
11/27/2012 6:30 PM:
Sailfish wrote:
My bloviated meandering follows what Ed Mullen graced us with on
11/27/2012 11:26 AM:
Ed Mullen wrote:
Sailfish wrote:
My bloviated meandering follows what Ed Mullen graced us with on
11/25/2012 11:24 AM:
Is it possible to adjust the width of the sidebar's vertical
scrollbar
using CSS? If so does anyone know the proper code?
There's no clean way that I'm aware for the SM default theme
since it
uses system scrollbars but this should work for any themes that
style
their own scrollbars like Modern or a number of others:
scrollbarbutton {
width: 10px;
height: 10px;
max-width: 10px;
max-height: 10px;
background-size: contain;
}
thumb {
background-size: contain;
}
Note: You can change width/height to your liking and it only
works
cleanly with CSS3 versions of SM.
Thanks much! I'll try this tomorrow after some sleep and an eye
doctor
exam tomorrow ... once the drops wear off and I can see again.
Awesome! Thanks so much.
One odd thing:
http://edmullen.net/temp/cap_scroll.jpg
Notice the area under the scrollbar. It should be all gray but
only
the original default width is gray - the area to its right is
white.
I poked around with the DOM Inspector but couldn't figure out
anything.
Hmm, using the values I detailed above, here's what I'm seeing:
http://projectit.com/multimedia/image/gif/sidebar.gif
Are you using the SM Modern theme?
Yes, Modern theme. But! My original query arose from my annoyance
that the sidebar default scrollbar is too narrow ... narrower than
the
main window's. And too small for my liking. Here are my parameters
based on your input ...
scrollbarbutton {
width: 15px;
height: 10px;
max-width: 20px;
max-height: 10px;
background-size: contain;
}
So, enlarging the width to 15px solved my main complaint. The
sidebar
scrollbar is now (apparently) the same width as the main window's.
But, something in that CSS isn't altering the underlying background
... or something. The DOM Inspector is, to me, highly impenetrable
God bless you if you can figure it out.
ah, for that, this should work:
scrollbarbutton {
width: 15px;
height: 10px;
max-width: 20px;
max-height: 10px;
background-size: contain;
}
slider {
background-size: contain;
}
thumb {
background-size: contain;
}
That RAWKS!
Awesome! Thanks again!
Cheers!
As an aside, if you ever want to change the size of the content window
scrollbars, you'll need to add the above styles to your userContent.css
file.
That seems counter-intuitive. :-)
Something interesting to note for Mac users - this will not get you
scroll arrows back for Lion and above; I've got it working under both
SnoLep and Lion. It does increase the scrollbar width, but does not
bring the arrows back.
But just the larger scrollbar width alone is serious-nice in both cases!
--
- Rufus
_______________________________________________
support-seamonkey mailing list
[email protected]
https://lists.mozilla.org/listinfo/support-seamonkey
