Rating boxes are still unscrollable

[titopei]

Rating boxes are still unscrollable:

[IMG]http://i.imgur.com/4SO9n01.png[/IMG]

It should be like this:

[IMG]http://i.imgur.com/ZCigQhc.png[/IMG]

This has been broken for [I]months[/I], and it's a really simple fix. The following CSS is all that needs to be implemented to fix it (credits to whoever posted this in that one thread months ago!):

.ratingslist .ratingsbox{
    padding: 5px 0 0 0;
}

.ratingslist .ratingsbox span{
    margin: 0 5px;
}

body .ratingslist .ratingsbox ul{
    overflow-y: auto;
    margin-bottom:3px;
}

.ratingslist .ratingsbox ul li{
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 2px 4px;
}

.ratingslist .ratingsbox ul li:nth-child(even){
    background: rgb(243, 243, 210);
}

.ratingslist .ratingsbox ul li a{
    white-space: pre-line;
    margin-right: 15px;
}

In the meantime, individual users can use the fix found in [url=http://facepunch.com/showthread.php?t=1314761]this[/url] thread because I was ninja'd really badly.

[xelivous]

ye i was the one that posted this a while ago
it's not perfect but it was as good as I could get it without changing the underlying HTML

here's the original stylish upload i posted with it originally with some changes:
[url]http://userstyles.org/styles/87634/facepunch-ratings-fixer[/url]

@-moz-document domain('facepunch.com'){
body .ratingslist .ratingsbox{
    padding: 5px 0 0 0 !important;
}

body .ratingslist .ratingsbox span{
    margin: 0 5px !important;
}

body .ratingslist .ratingsbox ul{
    overflow-y: auto !important;
    margin-bottom:3px !important;
}

body .ratingslist .ratingsbox ul li{
    height: auto !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 2px 4px !important;
}

body .ratingslist .ratingsbox ul li:nth-child(even){
    background: rgb(243, 243, 210) !important;
}

body .ratingslist .ratingsbox ul li a{
    white-space: pre-line !important;
    margin-right: 15px !important;
}
/* end of document */
}

everything is important and body is specified so it makes sure to always override, because everything is apparently "!important" thanks to [del]compwhizzi[/del] winner in the original css
and the only way to override an !important is with another !important

[titopei]

[QUOTE=HeroicPillow;42496599]ye i was the one that posted this a while ago
it's not perfect but it was as good as I could get it without changing the underlying HTML

here's the original stylish upload i posted with it originally with some changes:
[url]http://userstyles.org/styles/87634/facepunch-ratings-fixer[/url]

@-moz-document domain('facepunch.com'){
body .ratingslist .ratingsbox{
    padding: 5px 0 0 0 !important;
}

body .ratingslist .ratingsbox span{
    margin: 0 5px !important;
}

body .ratingslist .ratingsbox ul{
    overflow-y: auto !important;
    margin-bottom:3px !important;
}

body .ratingslist .ratingsbox ul li{
    height: auto !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 2px 4px !important;
}

body .ratingslist .ratingsbox ul li:nth-child(even){
    background: rgb(243, 243, 210) !important;
}

body .ratingslist .ratingsbox ul li a{
    white-space: pre-line !important;
    margin-right: 15px !important;
}
/* end of document */
}

everything is important and body is specified so it makes sure to always override, because everything is apparently "!important" thanks to compwhizzi in the original css
and the only way to override an !important is with another !important[/QUOTE]

You can thank garry for breaking it since he just copied and pasted Winners stylish settings to the fp css

[Turnips5]

you can also get around in chrome by highlighting the text and then shift+arrow keying

it's kind of a pain though

[LooperNor]

- Woah wait this was mentioned in OP -

[TheCloak]

Yeah we shouldn't have to install outside scripts for basic functionality like this.

[whatthe]

Yeh the forum as it stands isn't far off having perfect functionality in my opinion, just a lot of rough edges. OI GARRY HIRE A TALENTED FP'ER TO FIX THIS SHIT, YOU DON'T HAVE TO DO A FUCKIN' THING, pretty please!

[ShaunOfTheLive]

[QUOTE=whatthe;42518291]OI GARRY HIRE A TALENTED FP'ER TO FIX THIS SHIT[/QUOTE]

No, please no. Facepunchers are cursed.

[whatthe]

[QUOTE=ShaunOfTheLive;42518448]No, please no. Facepunchers are cursed.[/QUOTE]

I had created a user-script and UI, made FP perfect, at least in my eyes. I lurked around and stole suggestions and made different versions for many different tastes and even began learning to program to I could deliver these changes easily to people. All that work has been lost due to me not backing up. You may have a point

But in serious terms no such thing as curses. Garry should hold a competition, that will get people motivated, and we will get a better functioning forum out of it. Fuck I might even finish what I started, just wish I had more time on my hands.

[isnipeu]

While we're talking about CSS changes there are other things which I think would be good.
On profiles the page navigation is broken, and the tabs look quite odd in the position they are in now.
Also the stats box looks better with borders on every side, not just the top.

[IMG]http://i.imgur.com/usJwvk8.png[/IMG]

[IMG]http://i.imgur.com/u9dBc5f.png[/IMG]

/*Move the tabs over to make them look better*/
.tabslight {
    padding-left: 1px !important;
    position: relative !important;
} .tabslight dd.selected a {
    border-bottom: none !important;
}

/*Fix that annoying page navigation visual bug*/
.popupspan a {
    position: relative;
    bottom: 8px !important;
}

/*Put borders around every side of the stats box*/
.userinfo .blockrow {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
}

[leontodd]

Not to mention the box with your avatar on the profile page is supposed to have a background.

[Cowabanga]

[QUOTE=isnipeu;42518695]While we're talking about CSS changes there are other things which I think would be good.
On profiles the page navigation is broken, and the tabs look quite odd in the position they are in now.
Also the stats box looks better with borders on every side, not just the top.

[IMG]http://i.imgur.com/usJwvk8.png[/IMG]

[IMG]http://i.imgur.com/u9dBc5f.png[/IMG]

/*Move the tabs over to make them look better*/
.tabslight {
    padding-left: 1px !important;
    position: relative !important;
} .tabslight dd.selected a {
    border-bottom: none !important;
}

/*Fix that annoying page navigation visual bug*/
.popupspan a {
    position: relative;
    bottom: 8px !important;
}

/*Put borders around every side of the stats box*/
.userinfo .blockrow {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
}

[/QUOTE]

How's this?

[IMG]http://i.imgur.com/GL0UAdk.png[/IMG]

.member_summary{background-color:#e8e8e8; border-radius:3px; border:1px solid #888;}

.member_summary .block .blockrow{border:1px solid #888;}

dl.tabslight{height:26px;}

.userprof .popupspan, #pagination_bottom .popupspan{margin-top:-8px;}

[editline]14th October 2013[/editline]

This fixes pretty much everything wrong with profiles.

[TheCloak]

[QUOTE=Cowabanga;42521934]How's this?

[IMG]http://i.imgur.com/GL0UAdk.png[/IMG]

.member_summary{background-color:#e8e8e8; border-radius:3px; border:1px solid #888;}

.member_summary .block .blockrow{border:1px solid #888;}

dl.tabslight{height:26px;}

.userprof .popupspan, #pagination_bottom .popupspan{margin-top:-8px;}

[editline]14th October 2013[/editline]

This fixes pretty much everything wrong with profiles.[/QUOTE]

How do I install this?

[soccerskyman]

[QUOTE=Cowabanga;42521934]How's this?

[IMG]http://i.imgur.com/GL0UAdk.png[/IMG]

.member_summary{background-color:#e8e8e8; border-radius:3px; border:1px solid #888;}

.member_summary .block .blockrow{border:1px solid #888;}

dl.tabslight{height:26px;}

.userprof .popupspan, #pagination_bottom .popupspan{margin-top:-8px;}

[editline]14th October 2013[/editline]

This fixes pretty much everything wrong with profiles.[/QUOTE]
Oh my god, this is WAY better than the current profile set up.

[Cowabanga]

[QUOTE=TheCloak;42522327]How do I install this?[/QUOTE]

Stylish

[url]http://userstyles.org/styles/94038/fp-profile-fixer?r=1381776108[/url]

[TheCloak]

[QUOTE=Cowabanga;42522407]Stylish

[url]http://userstyles.org/styles/94038/fp-profile-fixer?r=1381776108[/url][/QUOTE]

Thanks. :)

[editline]14th October 2013[/editline]

Can you fix the horrendously small Post Message and Go Advanced buttons, too?

[Cowabanga]

[QUOTE=TheCloak;42524057]Thanks. :)

[editline]14th October 2013[/editline]

Can you fix the horrendously small Post Message and Go Advanced buttons, too?[/QUOTE]

there

[url]http://userstyles.org/styles/94038/fp-profile-fixer?r=1381786615[/url]

[TheCloak]

[QUOTE=Cowabanga;42524390]there

[url]http://userstyles.org/styles/94038/fp-profile-fixer?r=1381786615[/url][/QUOTE]

They still look the same

[whatthe]

Chrome users: Install [URL="http://tampermonkey.net/"]tampermonkey[/URL] to install the userscripts. Chrome has the ability built in but this makes it a bit simpler.

[Mr. Khorn]

Maybe it's just me, but I never really cared how broken or not FP was. It's still the same forum at the end of the day.

[M.Ciaster]

[QUOTE=Sgt. Khorn;42528812]Maybe it's just me, but I never really cared how broken or not FP was. It's still the same forum at the end of the day.[/QUOTE]
Yeah, but it just feels nicer to have a site that doesn't look broken, have offset buttons and so on. It's quality of life stuff, sure, definitely not critical, but still.

Suggestion for Garry: what 'bout having some sort of a showcase thread for little fixes like that, having the users vote for one at the end of each month, and implementing the one that has the most votes into the site's coding proper, barring any personal objections of course? I mean, I know you've got this kinda authoritarian approach to running the forum, and hell, it [i]is[/i] your forum so I'm not gonna argue, but this way, you could do something nice for the community without much effort really. ([i]and[/i] make your site better at the same time! It's a win-win if you ask me)

Actually, even without the voting and implementation part, a thread like that would be really great 'cause we'd finally have one place for all these little fixes that make FP so much better and yet only a couple of people know about them 'cause they're buried in some old GD thread.

[Andokool12]

[QUOTE=TheCloak;42512396]Yeah we shouldn't have to install outside scripts for basic functionality like this.[/QUOTE]

Forum Rights [I]NOW!![/I]

It's Time For [I]ACTION!![/I]

[Zombie Man70]

Jesus Christ Garry just let a mod make a auatf already!