#**Collapse Icon Position Fix**
1 messages ยท Page 1 of 1 (latest)
amazing change, didnt know this was even needed but its so much nicer
tried to make a more future-proof selector? someone else can probably come up with something much better though
this is probably cleaner (?) but might be missing a few more lines somewhere since i only extracted relevant parts from mine:
#channels {
[aria-label$="(category)"] {
flex-direction: row-reverse;
place-content: start;
}
}
but this can also be just:
#channels [aria-label$="(category)"] {
flex-direction: row-reverse;
place-content: start;
}
I dont want to use [ ] selectors nor the text search selectors. they will only slow down the CSS more.
and your version doesnt offset the text like mine does
you need both or it looks weird being offset right too much
same thoughts thats why i used the element id instead of the fancy shmancy future proofing
didnt really need !important too
no excuse for the text search selector tho, just found it a lot easier to read. personally, i prioritize readability/maintenance over performance
i see, but i didnt mind the offset that much, or maybe because i have my own tweaks to the overall #channel anyways?
what changes have you made?
mostly just some scaling stuff. i have mine zoomed in a bit by a lot cuz im blind, so for that i had to fix icon to font ratio, better hierarchy, etcetc. other than that are
worthy changes i guess
just realized it wouldnt look good at all on a screenshot tho ๐
css speed feels like a non-issue, especially considering discord redo the class name suffixes like- every other update, so matching the beginning of the class is future proofed
however admittedly checking based on aria label is stupid , jus couldn find anyhing else lol
My tweak to keep category names unmoved, make the icon centred (as best as it could be), and to not affect the position of "favourites"
.clickable__29444 {
padding-left: 3px;
.mainContent__29444 {
column-gap: 1px;
flex-direction: row-reverse;
place-content: start;
}
}
the fact that the sizes are uneven (3:1) is agonizing, but also 2:2 and 4:0 look worse, damnit