Shiggy Loading...

[dull dirge]

this does mean you can set any image to the loading lol

[warm olive]

this interest me

[dull dirge]

it's a snippet that makes it blurred

[mint cave]

I got good news and bad news chief. Good news, shiggy has returned. Bad news, this tanks performance (at least on my end). I probably just got to try have a more specific selector unless someone wants to correct me otherwise.

[gritty osprey]

I've been looking for that do you know where it is?

[dull dirge]

its as specific as possible, cant do anything about that
else you have to use the hash and get rid of the :has()

[warm olive]

i mean this one.. sorry dont know how it called.

[dull dirge]

lemme get it from my stash

[gritty osprey]

Thanks

[dull dirge]

/* Blurred Background while loading */
[class*="container_"][class*="fixClipping_"] {
  background: 0 0;
  backdrop-filter: blur(5px);
}

[gritty osprey]

If it isn't the blurred background can you describe what you are talking about?

[gritty osprey]

Good thanks

Yooo*

Stupid autocorrect

[dull dirge]

ill get the class rq

[dull dirge]

@mint cave updated it to use exact classes, wanna give it a try?

[merry crag]

lol this snippet is revived once again

[sharp violet]

I’m still using the original snippet lmao

[mint cave]

Yup, that did the job, thanks. Not sure exactly why, but lately, certain non-exact class selectors seem to lag the client a lot.

[dull dirge]

probably the has selector did it, i tried to make it specific, bit didn't work ig

[mint cave]

I heard :is sometimes delivers better results

[dull dirge]

:is does an entirely different job

.class1 .class2,
.class1 .class3 {
    display: block
``` can be shortened to
```css
.class1 :is(.class2, .class3) {
    display: block
}

:has and :is serve entirely different purposes

[scarlet kraken]

I'm sure this was posted before

[sharp violet]

It was

[dull dirge]

just redone i guess

[shadow island]

god bless u @dull dirge i NEED this one after
@import url(https://raw.githubusercontent.com/Blisterexe/shiggy-loader/main/main.css) broke

[dull dirge]

your welcome

[proud beacon]

hi @dull dirge is there any chance you can change the loading avatar to something else?

[dull dirge]

the link is literally there
change the content url to something else

[proud beacon]

I tryed with multiple links and tryed some changes and in the end even asked blackbox ai but it didnt help

[dull dirge]

like what links?

[proud beacon]

Like Exemple.com/minecraft.svg

[dull dirge]

the full link.

[proud beacon]

Yea i know i did that

Lemme turn on my pc

[proud beacon]

like this: https://www.svgrepo.com/show/535115/alien.svg

https://media1.tenor.com/m/XPiWs5il8owAAAAd/tung-tungtung-tungtungtung-sahur-tungtungtungsahur-tungtungsahur.gif or this

[dull dirge]

its massive

you need to change the scaling of the image to fit it nicely

[proud beacon]

how do i do that and where could i upload it so it can access it? i was thinking of doing it localy like it accesses from my images folder

what size do you recommend?

[dull dirge]

if you want something that you dont need to change the scaling for, use the same resolution as the shiggy gif

[proud beacon]

okay ty

love u

[proud beacon]

i resized it but it still shows nothing

.content_a2f514 {
display: flex;
flex-direction: column;

.spinner_a2f514 { display: none }
&:before {
display: block;
height: 128px;
position: relative;
content: url('C:/Users/felix_szoig9q/Pictures/tungresize.gif');
image-rendering: pixelated;
align-content: center;
scale: 3.125;
margin-bottom: 96px;
}
}

what did i do wrong? im pretty sure its right

[dull dirge]

i dont think paths through your system would work

have to be a url

[proud beacon]

oh

sec

it worked thank you

[crystal anvil]

is there a snippet to shiggify the smaller discord client loading window as well

[dull dirge]

probably, but i cant see the devtools for it

[haughty birch]

shiggy link gives a 404 now 💔

[dull dirge]

yeah, because its gone from the gh repo

[haughty birch]

shame
probably just using the server gif will work but i haven't tested that yet

[sleek beacon]

no longer works :(

[dull dirge]

can you read 3 messages up

[uncut stump]

Used the Shiggy gif that the settings menu uses:

.content_a2f514 {
    display: flex;
    flex-direction: column;
    > .spinner_a2f514 { display: none }
    &:before {
        display: block;
        scale: 0.5;
        position: relative;
        content: url(https://media.discordapp.net/stickers/1039992459209490513.png);
        image-rendering: pixelated;
        align-content: center;
    }
}```

[narrow bear]

link dead

[tropic magnet]

Any way to make it work with Viggy? I tried replacing the url with https://media.discordapp.net/stickers/1217112512374505613.png?size=320 but it kind of ends up filling the whole screen

Ok, managed to fix it with class updater and work with Viggy like this:

.a2f5142ba8328dfd-content {
    display: flex;
    flex-direction: column;
> .a2f5142ba8328dfd-spinner { display: none }
    &:before {
        display: block;
        height: 160px;
        position: relative;
        content: url(https://media.discordapp.net/stickers/1217112512374505613.png?size=320);
        image-rendering: pixelated;
         align-content: center;
         scale: 1;
         margin-bottom: 96px;
    }
}```

[sand oak]

Has anyone been able to fix the blur after the Discord update?

[dull dirge]

/* Blurred Background while loading */
.a2f5142ba8328dfd-container.efbae7425593290b-fixClipping {
  background: 0 0 !important;
  backdrop-filter: blur(5px) !important;
}

[tropic magnet]

update: now it's broken again, no idea how to fix it ngl