Viggy loading screen | libVencore | Page 1

hearty depot May 16, 2024, 5:30 PM

#

epic

#

spice sandal May 16, 2024, 5:31 PM

#

the video I sent initally was stupid laggy so I re-recorded it, but I can't upload it without resending the snippet

#

Change url to https://media.discordapp.net/stickers/1039992459209490513.png?size=320 for shiggy

thorny spear May 16, 2024, 8:47 PM

#

if only u could edit messages on this god forsaken app 💔

wintry lance May 16, 2024, 10:29 PM

#

#🎨-css-snippets message

#

;)

#

you did it better though

short linden May 18, 2024, 2:28 PM

#

@spice sandal

[class*=content]:has(> video[class*="ready"]) {
  position: relative;
  &::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    translate: 25%;
    width: 200px;
    height: 180px;
    background-image: url('https://media.discordapp.net/stickers/1217112512374505613.png?size=320') !important;
    background: center/contain no-repeat;
  }
  video { visibility: hidden; }
}

How's that feel? (continuing a convo from diff thread)

spice sandal May 18, 2024, 2:28 PM

#

that feels good

#

Does this mean data-testid does vary per language?

short linden May 18, 2024, 2:30 PM

#

honestly seems fine but that's just a ctrl+r

#

yeah still loads fine on my end

#

so your stuff will prolly be fine

#

oh huh... but then again maybe it's a pc language thing

spice sandal May 18, 2024, 2:33 PM

#

short linden <@280411966126948353> ```css [class*=content]:has(> video[class*="ready"]) { ...

Looking over your changes I realized that translate is supposed to only apply to X and not Y.

#

I fucked that up and thats why height is 180 instead of 200

short linden May 18, 2024, 2:33 PM

#

hehe

#

honestly didnt notice that

#

could easily collapse those then

#

good example of that happening, neat

thorny spear Jun 22, 2024, 3:26 AM

#

We need an update on this

short linden Jun 22, 2024, 4:46 AM

#

thorny spear We need an update on this

[class*=content]:has(> video[data-testid="app-spinner"]) {
  position: relative;
  &::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    translate: 25%;
    width: 200px;
    height: 180px;
    background-image: url('https://media.discordapp.net/stickers/1217112512374505613.png?size=320') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  video { visibility: hidden; }
}

this works for me :3

#

wintry lance Jun 22, 2024, 4:47 AM

#

on vesktop at least it ends up misaligned half the time

#

#

this worked for me

[class^=content]:has(> video[data-testid="app-spinner"]) {
 position: relative;
 &::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  width: 180px;
  height: 200px;
  background-image: url('https://media.discordapp.net/stickers/1217112512374505613.png?size=320') !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
 }
 video { visibility: hidden; }
 div[class^=text_] { top: 20px; }
}```