#Servers List

1 messages · Page 1 of 1 (latest)

placid silo
#

im either stupid or it doesnt work

#

what am i supposed to do

image.png
pure cradle
#

the imports go on the top

earnest shale
#

in case you'd like to make it smaller and are annoyed by the discover button

div[data-list-item-id="guildsnav___guild-discover-button"] {
    display: none !important;
}
thorny sail
#

i suggest to add padding or some space in between. Also, the badge icon should be centered vertically and add some margin-right after the icon.

image.png
#

make the guildicon same as size the folder icon, not exactly the folder icon size, but make it smaller

pure cradle
pure cradle
#

cause that is a top badge

#

it must be at the top

earnest shale
glass marlin
#

@pure cradle is that fixable?

#

(ping reply)

pure cradle
pure cradle
#

I prefer to leave things as vanilla as possible

placid silo
#

ok yeah it works

image.png
#

and i hate it

#

our empire is a game on play store that you should 100% download (i am totally not a developer)

glass marlin
#

new kekblulite css snippet!! YATTA!!!

pure cradle
pure cradle
placid silo
placid silo
calm kraken
#

Awesome snippet but do you think some scaling can be done?

#

I would like to make it smaller

formal ember
#

i love how it looks on my main monitor, but most of the time i keep discord on my second (vertical) monitor, could you maybe add a condition for it to go back to normal if the window is too narrow?

#

i remember doing something similar using @media, but that was ages ago so idk

pure cradle
#

there are settings

# 
:root {
  --guild-list-width: 290px;
  --guild-list-height: 48px;
  --guild-item-radius: 50px;
  --guild-item-spacing: 8px;
}
formal ember
#

yeah but i mean it like it would change dynamically

#

unless you can put variables into @media?

#

idk i haven't used css for a long time 😵‍💫

#

and it was very basic

pure cradle
#

you can just add the variables into a @media

# 
@media (whatever) {
  :root {
    /*your variables*/
  }
}
formal ember
#

works but holy shit it uses so much cpu 😭

#

i can actually hear the fans ramping up for a moment after resizing the window

calm kraken
calm kraken
knotty osprey
pure cradle
#

Again, I cannot take every single theme into consideration

#

this only works properly with the default theme

calm kraken
#

What about the scaling option tho?

#

For example, if I set it to 75% everything should become 25% smaller

#

Font included

pure cradle
#

you scale it using the variables

calm kraken
#

The variables doesn't allow for uniform scaling

#

And font-size isn't affected

pure cradle
#

no

#

I can't add uniform scaling

calm kraken
#

a font-size option?

pure cradle
#

that I will add

calm kraken
#

Ty

pure cradle
calm kraken
#

?

pure cradle
#

just showing that you can evenly scale them down

#

and even hide the text

calm kraken
#

Well I won't hide text, that's kinda the main reason I am using the snippet

pure cradle
# 
:root {
  --guild-item-font-size: 16px;
}
#

but it will take a bit for the update to get to you, mainly cause of cache

#

so just try reloading discord in 5mins or so

calm kraken
#

TYVM

pure cradle
#

no problem thumbsup

umbral timber
pure cradle
# 
.listItem-3SmSlK:has([data-list-item-id="guildsnav___guild-discover-button"]) {
    display: none;
}
umbral timber
next jay
#

newest version broke this, any chance of getting it fixed?

radiant parcel
#

works for me

spiral seal
#

How do I change the ServerList behavior so clicking on the server name takes me to the server? Currently it only works by clicking the icon.

"guild-item-radius" seems to not affect the size of the icons, I've been messing around a bit but can't find a way to make them smaller or change their behavior so the edges aren't cut off by the circle.

quick css:
`@import url(//dablulite.github.io/css-snippets/ServersList/import.css);
:root {
--guild-list-width: 290px;
--guild-list-height: 26px;
--guild-item-radius: 50px;
--guild-item-spacing: 4px;
--guild-item-font-size: 15px;
}

[data-dnd-name]:has(>.wrapper_c5f96a)::after {
left: calc(38px + var(--guild-list-height));
}`

image.png
steep laurel
# spiral seal How do I change the ServerList behavior so clicking on the server name takes me ... 
@import url(//dablulite.github.io/css-snippets/ServersList/import.css);
:root {
  --guild-list-width: 190px;
  --guild-list-height: 25px;
  --guild-item-radius: 12px;
  --guild-item-spacing: 5px;
  --guild-item-font-size: 16px;
}

div[data-list-item-id*="guildsnav___"] {
  width: 100%;
  height: var(--guild-list-height)
}

div[data-list-item-id*="guildsnav___"] > img {
  position:absolute;
  left:0;
  top:0;
  height: calc(var(--guild-list-height));
  width: calc(var(--guild-list-width) / 8);
  border-radius: 12px;
}

[class*="scroller_"][class*="wrapper_"] {
  height: calc(var(--guild-list-height));
}

[class*="pill_"][class*="wrapper_"] {
  height: calc(var(--guild-list-height));
}
#

@pure cradle thanks a lot for this snippet, i was getting overwhelmed by organizing my servers just by icons 🙏

spiral seal
#

thank you @steep laurel !

hidden furnace
pure cradle
#

I updated the snippet

pearl lynx
#

Hi, i have text under Server name "X mentions" how can i remove that?

image.png
pearl lynx
#

Fixed by adding

.wrapper_f90abb[data-list-item-id*="guildsnav___"]::after {
  content: attr(data-dnd-name);
}
azure chasm
#

anyone got a working way to disable the discover button? the CSS posted in this thread doesnt work anymore

pearl lynx
#

@azure chasm

.footer_f8ec41 {
    display: none; 
}
.unreadMentionsIndicatorBottom_fea3ef {
    display: none;
}
azure chasm
azure chasm
#

update—i just installed the latest update and it stopped working immediately

pearl lynx