Swap clan tag and role icon

[sly garnet]

Possible that I missed something Pls notify me if you notice anything off and I will attempt to fix it

• Fixed OP tag in forum posts

[unborn garden]

wow what the fuck thats how they look by default??

oh GOD

[unborn garden]

btw, this is the exact same thing but a bit cleaner looking

yknow isnt there some way to increment values in css,,,

meh not worth it

[sly garnet]

huh I didn't know that was a baseline CSS feature, I just know it from Sass

[unborn garden]

idk if it is baseline

but it works in vencord custom css :)

[sly garnet]

yeah it is apparently https://developer.mozilla.org/en-US/docs/Web/CSS/Nesting_selector

[unborn garden]

oh wow

thats massively useful

[sly garnet]

I do most of my actual work in Tailwind, but I'll definitely keep this in mind

[random crown]

is it possible to make it do that with the new member icon too?

[stark sorrel]

could u send this so i can copy it pls would appreciate it

hoping that ur version is a bit less laggy

[stark sorrel]

/* Swap Clan Tag and Role Icons */
[class^="headerText"] {
    display: inline-flex;
    & > span:has([class^="roleicon"]){
        order: 2;
    }
    & > span:has([class^="chipletContainerInner"]){
        order: 3;
    }
    & > span[style="display: none;"]{
        order: 4;
    }
    & > .vc-message-decorations-wrapper {
        order: 5;
    }
    & > span:has(> [class^="newMemberBadge"]){
        order: 6;
    }
    & > span:is([class^="botTag"]){
        order: 7;
    }
}```

seems to be better

theres no need for 1

if u use 1 then this happens

[sly garnet]

it's practically the same, just slightly cleaner to write and read. It shouldn't make the performance better... nor do I see how either of the two would affect the performance at all

[sly garnet]

You can manually change the order as you like, I thought it was best like this but it's easy to change it or even show/hide individual elements with those selectors

[stark sorrel]

not sure why but ur version was making my dc laggier compared to the cleaner one

[sly garnet]

it's applying the same exact styles, maybe taking it out of flexbox and inlining it some other way would increase perf a little bit, but the output is basically the same

at least some form of it works for you, better than having to stare at the elements in their original order ¯_(ツ)_/¯

[random crown]

how??

[stark sorrel]

where it says order: 6;

just change the number

[random crown]

ok