/vt/ - Virtual Youtubers

BUG REPORT: Gacha leaderboard refresh button doesn’t want to render in Chrome/Edge at all.

I used DevTools to force it to the :focus-visible state here, otherwise you can't see it or click on it, and even then it just looks like picrel.

It looks like Line 623 of gacha.scss is to blame?
> transform:translate(-100%, 20%);

>-100%

I tried playing with a Stylebot rule and got this:
>.refresh-gachaboard {
> transform: translate(0%,0%);
>}

And then it shows up all of a sudden, but really close to the leaderboard itself. Once I increment it past negative 10% or so in either direction (x or y) it starts to hide "underneath" the white padding above and to the side of the leaderboard itself.

Showing it in its intended position is possible by using the following rule instead of playing with the translate values:
>.gachaboard-outer table {
> overflow: visible
>}

Setting overflow:visible for .refresh-gachaboard alone isn't enough because it is still inside .gachaboard-outer table.

In case you missed it in the past, you can make zhonkbot show individual trader items on one line, almost always:
>div.trader-controls {
> width: 25%
>}
>
>div.trade-rules-list {
> max-width: 75%
>}

I figure this one is worth e-mailing you over...

Duplicating the .refresh-gachaboard element and sticking it besides or underneath the government mandated "gacha is addictive" message also works, but that's a bit more involved than a single Stylebot rule, and thus not something I could feasibly re-use or offer to other Anons.

I thought it might be my anemic display resolution, 1280x800, or my zoom level in Edge, 67%. The same thing happens at 100%/default zoom, 1920x1080. It only shows up in Firefox. If you want anything running Chromium to show it, you have to edit the CSS in one of those two manners shown above.

>>12720598
I made several in the past, I was writing a bug report