#Fix discord's new role icons in the

1 messages · Page 1 of 1 (latest)

rigid orbit
#

I made it use [class^=role] it shouldn't have unintended consequences as i thought before since the query is so specific

tranquil lintel
#

screenshot?

rigid orbit
#

1s i think that broke it

#

cuz im stupid it should be $

rigid orbit
#

just added them

#

the comparison is using 14px

tranquil lintel
#

am i stupid, i dont see any issues

rigid orbit
#

other example of before

atomic summit
#

Ohh you mean the emoji okay

rigid orbit
#

yeah

rigid orbit
#

weird for some reason it still doesnt match sometimes when i use [class$=role]

#

im gonna leave it at what it was before then since that works

#

there was that one tool anyway to update all the direct classname matches when they get updated

atomic summit
spark jewel
rigid orbit
viscid wyvern
#

to fix for the latest Discord update, replace
af3987915705da59-role
with
role_af3987

fast dust
#

If you want to save a couple lines, you can use nesting, instead of using the same selector two times:

.role_af3987 span:nth-of-type(2) {
    display: flex;
    & img:first-of-type {
      width: 14px;
      height: 14px;
}
}

Sorry if the indentation is bad - I'm writing it on my phone 😭

sterile ore
# 
[class^=roleTag] {
    > [class^=role] {
        gap: 6px;
        padding: 0 8px;

        > [class^=roleCircle] { margin: unset; }

        > span > [class^=roleIcon] {
            height: 14px;
            width: 14px;
            margin-inline-start: unset;
            margin-top: -2px;
        }
}

fixed spacing issues for role color circle and image icon without needing to change class name each update (i think)
also it uses gap and padding i thought were good looking for me so u can remove those if u dont want them

rigid orbit
#

its missing one more closing bracket i think