GithubHelp home page GithubHelp logo

mr-miner1 / better-badges Goto Github PK

View Code? Open in Web Editor NEW
42.0 2.0 18.0 381 KB

badges are cool. but now they are even cooler.

License: MIT License

CSS 99.29% SCSS 0.71%
theme discord powercord powercord-theme betterdiscord betterdiscord-theme

better-badges's People

Contributors

mr-miner1 avatar spinfish avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

better-badges's Issues

Hypesquad icons disappear

All the badges are great animated, however all of the hype squad badges just disappear upon hover

Boost and early supporter badge

Heya
The early supporter badge has no animation (the little heart is missing)
And the server boosting badge becomes overly big when viewing it
Capture

HypeSquad badge invisible

The hypesquad badge is invisible and the gif appears only on hover

Original:
image

Hover:
13-01 | Sat, Jun 26 2021

I am using betterdiscord

the golden net's animation isn't working

basically what's in the title lol. The green one does the little spin animation, but the gold one doesn't. Any chance you could fix it? Thanks in advance! Really like the theme :D

who at discord is responsible for this? i need names.

discord thought it was a great idea to fuck up capitalization of aria-labels very cool, imma wait and see if its a bug from discord's side and if they fix it and im planning to change the fetching of badges from aria-label's to src anyway cause language support and blah blah should be fixed in less than a week (long deadline cause i have exams currently)
image

Hypesquad badges broken

The animation is correctly done, but apparently, the original badge stays in the background while the animation is done.
Doesn't happen with other badges, just these ones.

View

No animations and missing icons

I'm not sure if this is a problem caused by the theme itself, and I tried removing and re-adding it multiple times, both from the themes library integrated in discord and from the BetterDiscord website itself, but nothing fixed the problem at hand.
Some badges don't have any animations now and the hypesquad badges don't show anymore, even though I'm still able to hover on them

demo

The :after css rules are creating awkward situations

For example

a[href*="https://support.discord.com"]:after

This makes a situation where a theme without vertical scrollbar restrictions will have a very lengthy scrollbar going on and on and on until it reaches a set of "hi"'s. This will be very strange once a person posts a link from discord support. This bug also appears in specific pages of server settings.

More to the point, what is even the use case for these things? Is that meant to be for debugging purposes? Because it can be a bit annoying for users of themes (such as Spectra's Nocturnal) to run into seemingly random vertical scrollbar leading nowhere.

An extra pixel in badges

If you just look at the information about the person, the badge and animation are displayed correctly:
image

If you open the person's profile, you can already see that there is an extra 1 pixel at the bottom left of the badge:
image

I use BetterDiscord.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.