Donate bar display bug and potential fix

[Bazzatron]

Hey Mods,

Noticed that the donation bar on the homepage doesn't really work, always displays a small bar regardless of the donation percentage. Bugged me enough that I thought I'd have a look at it from the client side.

Noticed that the bar has a display attribute transform: scaleX(.1); which means for the bar to display 100% width, you need to give it a value of 1000% width. I suspect that this line was used to make the bar smaller for the easing animation work, but has somehow become the final display position?

Anyway, scrubbing that line of CSS fixes the bar. No idea if this has any knock-on impact, as I'm just a user, but easy enough to search the codebase for anything else using that class to test.

Less annoying that the bug with inserted emotes adding newline characters - but a much easier fix.

Tested in Edge and Firefox, with and without extensions enabled.

Cheers gang.

 

[Bazzatron]

It's been about a week since I posted this, and it has bothered me enought to write a browser-based fix.
If you are using uBlock Origin (and if not, you should be! Get it here!), you can essentially override the broken style with this filter:

!  https://airgunforums.co.uk - Donate bar fix
airgunforums.co.uk##.has-js .donate-progressBarContainer-bar:style(transform: none !important;)

The way it works is to inject a new line of formatting into AGF's page, targeting the broken style and overriding it.

To implement, pop open uBlock's option bar:

Open the "My Filters" section, paste the code above, and hit "apply changes" (which will be blue after pasting)

When you refresh the home page - the donation bar will look as it should.

Peace out