#Cozier Profile Popouts :venniecozycat:

1 messages ยท Page 2 of 1

tepid isle
#

Cursed

#

Absolutely cursed

winged moat
#

i can not come up with ANY other place to put that thing

tepid isle
#

oh lmao

#

I can't even work on it

winged moat
#

?

tepid isle
#

it hasn't been rolled out on my profile yet

winged moat
#

just enable the experiment like i did

tepid isle
#

nah I'm not working on experiments

#

I don't have your scss skeleton carrying my ass through the changes

#

I'll just wait for it to be released publicly

winged moat
#

fair enough

tepid isle
#

my idea was similar to your hover thing

#

but

#

once hovered, the main body has its opacity set to 0

#

and the activities/mutuals' set to 1

winged moat
#

i don't think there would've been a way to clearly communicate the hover area to the user without it looking weird

tepid isle
#

add a shadow on the right

winged moat
#

ehh

#

i'm satisfied with this for now but i'll revisit it when it gets released proper

tepid isle
#

or a button

#

doesn't have to be working, just something to hover and have the panel appear

winged moat
#

are you telling me we can create buttons

#

or are you saying to reuse one of the buttons already present

tepid isle
#

you can create a fake button

winged moat
#

whaa

tepid isle
#

::after with icon and padding

winged moat
#

fair

tepid isle
#

it's quite simple actually

sour grove
#

secret button with nuclear symbol on it labeled "launch nuclear bomb"

tepid isle
#

just a little example I made on the thread toolbar (the musical note)

#
.toolbar__9293f > .icon_d98031::before {
  content: "";
  position: absolute;
  right: 48px;
  width: 20px;
  height: 20px;
  background-color: var(--icon-tertiary);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-music-4'%3E%3Cpath d='M9 18V5l12-2v13'%3E%3C/path%3E%3Cpath d='m9 9 12-2'%3E%3C/path%3E%3Ccircle cx='6' cy='18' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='16' r='3'%3E%3C/circle%3E%3C/svg%3E");
}```
#

yes, it does cause the "threads" popout to appear when you hover it, but if you set it on the tab background it won't give you any issues

glossy turret
# winged moat well, here's that. It's definitely better than the hover bs

Just so you know, this - transition: width flex overflow padding margin border 500ms ease-in-out; - isn't the right syntax for the transition shorthand - you could either just make it transition: all 500ms ease-in-out, or if you want to keep only those properties:

transition: 
  width 500ms ease-in-out,
  flex 500ms ease-in-out,
  overflow 500ms ease-in-out,
  padding 500ms ease-in-out,
  border 500ms ease-in-out,
  margin 500ms ease-in-out;
tepid isle
#

who even uses 500ms

#

just .5s it

glossy turret
#

Yeah, but this is how he did it.

#

The value does not matter in this case.

tepid isle
#

she

glossy turret
#

Oh, didn't know, thanks for the correction!

#

๐Ÿ˜†

winged moat
#

thanks for the tip, I'm definitely not a web dev so fixing up this old theme has been pretty educational

tepid isle
#

yeah, ngl Couve was also my starting point in terms of theme development

#

my first snippets were edits made for it

winged moat
#

definitely feels good having it back

warm palm
#

What's really cursed is that banner, wtf

winged moat
#

oh my god

#

did NOT see bro had that

warm palm
#

No way you didn't notice that

#

They were MASSIVE

winged moat
#

listen

#

i'm tired and i was focusing on making those tabs work in some way

#

i didn't even register the banner

tepid isle
#

huh, I didn't notice either

#

what was it?

sour grove
# tepid isle what was it?

i couldnt make it out but it was a lot of anime women ๐Ÿ˜ญ it looked like they were all bunched together in a sauna or something

tepid isle
#

Comfy

warm palm
sour grove
#

ah!

winged moat
#

Scary

winged moat
#

can probably squeeze out some more space by shrinking the avatar a bit

tepid isle
#

or the activities

#

still not a big fan of it at all

winged moat
#

is it time for the couve companion plugin? /s

tepid isle
#

while I wait for the experiment to drop on my end, I guess I could work on other stuff

quaint gazelle
#

i don't get how discords team is so freaking bad at design lol

tepid isle
#

at least it's not as bad as Spotify's

#

gotta love having the shadow on a square instead of the circle

lime citrus
tepid isle
#

Can't really say I'm a fan of the profile button background on the top right

tepid isle
#

okay so

#

I just pushed a huge update/refactor which broke all of the old imports, please check the [updated channel post](#๐ŸŽจ-css-snippets message) for the new link and vars!

left abyss
#

I was wondering what changed, I was poking around Discord and got errors with your profile revamp suddenly lol :^)

tepid isle
#

yeah I moved things around in a new folder

#

and added some things

left abyss
lime citrus
#

they pushed out the profile update

#

only good thing about it is the small connections

tepid isle
#

Horror

lime citrus
#

curiosity could u potentially add a thing for smaller connections

tepid isle
#

Dunno

#

I still have to update the code in the first place

tepid isle
#

oh, they moved the profile effects too

#

quite tragic

quaint gazelle
tepid isle
#

?

quaint gazelle
#

@tepid isle just thought of something for the profile, mutual servers tab, make the mutual servers do the same thing as the connections

tepid isle
#

I think there are more urgent things to do first, also there would be no specific colors to use besides a generic white/black depending on the current theme or the profile gradient ones

tepid isle
lime citrus
#

its chalked i think

lime citrus
tepid isle
#

Vee keeps rejecting DiscordOS feature requests/PRs yet here we go, Discord + Steam

red zenith
#

Anyway for this to come back?

tepid isle
#

I may have some time to fix it starting from next week, can't guarantee anything though, sorry

red zenith
#

No no, you are absolutely fine. Everyone has lives and Discord tends to break things. You take your time and if it doesn't work out it's absolutely fine, don't worry.

tepid isle
#

Yeah I hate Discord for that

red zenith
#

Honestly? Same

tepid isle
#

It'll be hard (but also fun, maybe) to turn the new abomination into the original shape ngl

red zenith
#

Coding is difficult yet fun. I hope to learn coding one day, but unfortunately rn I'm busy with other projects

winged moat
#

yeah i need to get back on it too

tepid isle
#

Especially since they completely destroyed my connected accounts section pog

winged moat
#

the one part of my theme that i haven't fixed yet

tepid isle
#

Css is arguably fun

#

Maintaining it on such an unstable platform is not

winged moat
#

it is but it can also be frustrating

tepid isle
winged moat
#

i do enjoy the learning process though

tepid isle
winged moat
#

lol yeah

tepid isle
#

When are we getting specific element areas hover effects

winged moat
#

like different effects based on where on the element you hover?

tepid isle
#

Exactly

#

I need this on Discord

#

or in CSS in general

winged moat
#

yeah that would be fire

winged moat
#

i'm playing around with this again and the only thing that sucks is that a fake tab breaks down when focus is lost

tepid isle
#

Yes

tepid isle
#

I started updating the snippet
can't wrap my head around the popout height being stuck at 500px instead of the 400px I set

winged moat
#

i've got it pretty much up and running

#

do you want to just get access to the couve repo and we work on the snippet there together? i've already seperated it out as a snippet

tepid isle
#

That'd be too easy

#

I use snippets to increase my knowledge and figure stuff out, so I'd rather bang my head against this wall for a while until I find the solution

red zenith
#

Truth nuke

lime citrus
# winged moat

2 things:

  1. does this support the settings that came with this snippet
  2. if you can make it less buggy (the line specifically) can you make it an import link
winged moat
lime citrus
red zenith
#

Oof, latest Discord update changed practically all classnames.

rain olive
#

..wait.. did it spread to stable too?

#

for fcks sake

red zenith
#

It appears some are either completely gone or changed to something and are even harder to find

#

such as the classname for usernames, I can't find it anywhere

rain olive
#

on canary the class names changed into some long ass texts

#

and am scared its spreadin to stable

#

cuz cba to change everything in my theme

red zenith
#

Some are already changed to rather large scrambled messes

#

Some don't get affected and will need their own search.

rain olive
red zenith
#

Worth to try though, all your stuff might be fixable by using it

rain olive
#

yeah ive used the site too

winged moat
#

I will take a look

idle fiber
#

Does this still work? Cz it ain't for me for some reason.

obsidian falcon
#

Doesn't work

obsidian falcon
# winged moat

This person made it work again so you could ask them if they still have their working snippet

#

Or ask krammeth about the original

idle fiber
warped ore
#

the snippet doesn't workj

tepid isle
#

it hasn't been working for a while now and I apologise for that, but Rin's version should be working fine

obsidian falcon
#

yep, Rin's version is working fine

#

but it still uses the older classes (before discord rerolled back again)

tepid isle
#

I'm confused, you said it's working fine but also that it's using the old class names

obsidian falcon
#

yeah, sorry

tepid isle
#

so it's currently not working but it would if she were to update the classes

obsidian falcon
#

exactly