#Cozier Profile Popouts :venniecozycat:
1 messages ยท Page 2 of 1
i can not come up with ANY other place to put that thing
?
it hasn't been rolled out on my profile yet
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
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
i don't think there would've been a way to clearly communicate the hover area to the user without it looking weird
add a shadow on the right
ehh
i'm satisfied with this for now but i'll revisit it when it gets released proper
or a button
doesn't have to be working, just something to hover and have the panel appear
are you telling me we can create buttons
or are you saying to reuse one of the buttons already present
you can create a fake button
whaa
::after with icon and padding
fair
it's quite simple actually
secret button with nuclear symbol on it labeled "launch nuclear bomb"
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
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;
she
thanks for the tip, I'm definitely not a web dev so fixing up this old theme has been pretty educational
yeah, ngl Couve was also my starting point in terms of theme development
my first snippets were edits made for it
definitely feels good having it back
What's really cursed is that banner, wtf
listen
i'm tired and i was focusing on making those tabs work in some way
i didn't even register the banner
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
Mostly correct, but they also had massive chests that were just barely covered
ah!
Scary
here's a safe preview ๐
can probably squeeze out some more space by shrinking the avatar a bit
is it time for the couve companion plugin? /s
while I wait for the experiment to drop on my end, I guess I could work on other stuff

i don't get how discords team is so freaking bad at design lol
at least it's not as bad as Spotify's
gotta love having the shadow on a square instead of the circle

spicetify clutch
Can't really say I'm a fan of the profile button background on the top right
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!
I was wondering what changed, I was poking around Discord and got errors with your profile revamp suddenly lol :^)
yeah I moved things around in a new folder
and added some things
@winged moat best way to avoid :has() selectors so far
https://github.com/Krammeth/css-snippets/blob/main/PopoutsRevamped/Addons/PRA-Connections.css


they pushed out the profile update
only good thing about it is the small connections
Horror
curiosity could u potentially add a thing for smaller connections
@tepid isle i just got done making this https://steambrew.app/theme?id=i3soOaPP2V7P0VO7W4pq ๐
?
@tepid isle just thought of something for the profile, mutual servers tab, make the mutual servers do the same thing as the connections
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
will be away for the next 2 weeks so don't expect updates in this period
use Rin's Couve revamp for the time being (since it also has the smaller popouts)
Vee keeps rejecting DiscordOS feature requests/PRs yet here we go, Discord + Steam
Anyway for this to come back?
I may have some time to fix it starting from next week, can't guarantee anything though, sorry
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.
Yeah I hate Discord for that
Honestly? Same
It'll be hard (but also fun, maybe) to turn the new abomination into the original shape ngl
Coding is difficult yet fun. I hope to learn coding one day, but unfortunately rn I'm busy with other projects
yeah i need to get back on it too
Especially since they completely destroyed my connected accounts section 
the one part of my theme that i haven't fixed yet
it is but it can also be frustrating

i do enjoy the learning process though
Yeah, whenever I'm trying to do new and weird shit I'm always like
lol yeah
When are we getting specific element areas hover effects
like different effects based on where on the element you hover?
yeah that would be fire
i'm playing around with this again and the only thing that sucks is that a fake tab breaks down when focus is lost
Yes
I started updating the snippet
can't wrap my head around the popout height being stuck at 500px instead of the 400px I set

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
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
Truth nuke
2 things:
- does this support the settings that came with this snippet
- if you can make it less buggy (the line specifically) can you make it an import link
- Yes
- Probably, need to fix some things first
sounds good to me
Oof, latest Discord update changed practically all classnames.
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
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
Some are already changed to rather large scrambled messes
I'm using this to fix most things rn https://syndishanx.github.io/Website/Update_Classes.html
Some don't get affected and will need their own search.

Worth to try though, all your stuff might be fixable by using it
yeah ive used the site too
I will take a look
Does this still work? Cz it ain't for me for some reason.
Doesn't work
This person made it work again so you could ask them if they still have their working snippet
Or ask krammeth about the original
alright thanks for the info
is the active snippet still possible to acquire?
the snippet doesn't workj
it hasn't been working for a while now and I apologise for that, but Rin's version should be working fine
yep, Rin's version is working fine
but it still uses the older classes (before discord rerolled back again)
But can be easily fixed with https://syndishanx.github.io/Website/Update_Classes.html
I'm confused, you said it's working fine but also that it's using the old class names
yeah, sorry
so it's currently not working but it would if she were to update the classes
exactly

