Configuration
|
|
I think it would be a good idea to change the configurationscreen a bit.
"#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.
Got it:
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:
|
|
|
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" :) |
|
|
The idea with another div-tag is great. I also thought about this problem, that you have
|
|
|
Did you forgot to insert this script or was it to difficult to modify it to perfection? |
|
|
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. |