FFixer

By Vaughan Chandler Last update Mar 9, 2011 — Installed 14,795,574 times.

Configuration

in
Subscribe to Configuration 5 posts, 2 voices



Örpli Hinter... User

I think it would be a good idea to change the configurationscreen a bit.
Because there are many options and it would be better if the div (?) tag with the options would scroll instead of the whole window.

"#gsmaskLayer {background-color: black; opacity: 0.5; z-index: 100; " +
"position: fixed; left: 0px; top: 0px; width: 100%; height: 100%}",
"#gsdialogLayer {background-color: #EEEEEE; overflow: auto; padding: 5px; z-index: 101; " +
"outline: black solid thin; position: fixed; left: 30%; top: 7.5%; width: 40%; height: 85%}",
"#gsdialogLayer > * {margin: 20px 0px}",
"#gsdialogLayer li {margin: 15px 0px 7px; font-style: italic}",
"#gsdialogLayer input, #gsdialogLayer select {vertical-align: middle}",

I think that part of the css does make this in the youtubefixer. I'm not very good in css, but i'ld guess that the "overflow: auto" does make the scrollbar.

I'll try to implement it in your script.

PS: Implented it. It's not perfekt, but i like it more as the original version:

'.fbfPopup { background:#000000; border:3px double #666666; }'+
'.fbfPopupContainer { display:none; overflow: auto; background-color: #77ccff;  padding: 5px; z-index: 101; position: fixed; left: 10%; top: 7.5%; width: 80%; height: 85%}",}'+
▲ Line 56f

PPS: As i use Stylish + Facebookskin my version looks kinda strange without.
PPPS: Here it is:
http://www.playpic.net/files/mls19rcfl5ibeooyru...
PPPPS: I try to make the popup as big as the whole windows without the bars on the top and the bottom
(could be a bit difficult, because if the topbar ain't fixed i have to change it a bit. I also have no idea how prototype works exactly
(is facebook using prototype? i guessed so but i'm not sure).
I hope it's similar to jquery

Got it:
(Line 56-60)

topact=0;
if (prefs['TopBarFixed']) {topact=1;}
GM_addStyle(
	'.fbfPopup { opacity:0.90;background:#000000; border:2px double #666666; }'+
	'.fbfPopupContainer { opacity:0.90;display:none; overflow: auto; background-color: #77ccff;  padding: 2px; z-index: 101; position: fixed; left: 20%; top: '+(0+29*topact)+'px; width: 60%; height: '+(window.innerHeight-(4+29*topact+25))+'px;}'+

Here's a screenshot from my final solution:
http://www.playpic.net/files/jlpywnzon0dgzisj26...
The only issue left is that on the bottom there's no blue "line", like on the top and left and right side. But i've no idea how to fix that.
I also do not know wether the size of the topbar is somehow relative from the chosen resolution or something. Firebug said that it is 29px high, but no idea how big it is on other screens.

 
Vaughan Chan... Script's Author

Hi Örpli, thanks for the idea and the code. I'm still not sure exactly what changes I'll make to the config screen. I might give the entire div "overflow:auto" like you suggested, or add another div around the options themselves with "overflow:auto" (so that the title and close button etc are outside of the scrolling area). Or I might add tabs, but that might be overkill.

PS: To get the bottom blue border visible you could put the div with "overflow:auto" inside another div with the border.

PPS: I like the "1338 - beyond leet" :)

 
Örpli Hinter... User

The idea with another div-tag is great. I also thought about this problem, that you have
to scroll to the bottom to close the window, but i had no idea how to solve it.
adPS: I look what i can do. But i still don't understand much of the whole code.
adPPS: Yeah, me too.

 
Örpli Hinter... User

Did you forgot to insert this script or was it to difficult to modify it to perfection?

 
Vaughan Chan... Script's Author

Actually I just haven't decided what changes I want to make with the configuration screen. Soon I think I might need to redo the entire thing completely, so I'll probably take that opportunity to lay it out a bit better.

Cross
Presentational HTML allowed.
Use <code> for inline code and <pre> for code blocks. Use &lt; and &gt; for literal < and >.
We help break paragraphs and link your links.
or cancel