Replies

Aug 31, 2021 4 years ago Official
Reya
has ALL of the beanbags!
User Avatar

@blackwolf_2009

I'm seeing the huge checkmarks in Firefox, but not Chrome. Can anyone else confirm? Are there other browsers that show it still?

Aug 31, 2021 4 years ago Official
Bug
User Avatar
Segfault

Hey all - this is going to take some more work, but for now, I fixed the page layout and removed those giant icons. That way, it's at least viewable and more usable in the meantime.

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

Sep 3, 2021 4 years ago Official
Bug
User Avatar
Segfault

Quote by Ariko
(ngl I am hardcore wondering why the checkmarks went huge because it was so random and hilarious, even after the annoyance of navigating the page)

Hahaha, sure thing. Basically, it is because when we first started working on V2, we used a UI library called Tailwind CSS (external link). The subscriptions page was built using those classes.

At some point, we decided to use Chakra UI (external link) instead, because it ended up being better for our use case, and even provides out-of-the-box support for some things we want such as dark mode.

So, we had to take everything in Tailwind, and rewrite it using Chakra instead. Now here is the embarrassing part. I didn't realize that I didn't fully finish doing this to the subscriptions page, in part because those icons were made out of svg elements and were using Tailwind classes, which was subtle enough I totally overlooked it. So when we finally removed Tailwind from the code altogether - since we thought nothing was using it anymore - that's when all the icons broke.

So for now, I've removed them and tried to clean up any other Tailwind relics in that file. At some point, we'll replace them with Chakra icons :)

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

Please log in to reply to this topic.