Server selector from tabs v2 | libVencore | Page 1

native quartz May 25, 2023, 5:48 PM

#

what kinda black magic did you do wtf

#

oh wait it dont work

rigid tree May 25, 2023, 5:52 PM

#

well it is very hacky so i thought it may break

#

but idk it works for me with themes and without

native quartz May 25, 2023, 5:53 PM

#

yeah, surprised you got it working in general even if it doesnt work for everyone lol

rigid tree May 25, 2023, 5:54 PM

#

oh its probably because of your online indicator plugin

#

i use :nth-element() which breaks with plugins that add stuff to the sidebar

native quartz May 25, 2023, 6:01 PM

#

oh

#

nope wasnt it

rigid tree May 25, 2023, 6:36 PM

#

ok i replaced :nth-element() with aria-label and it should work with plugins but not other languages

native quartz May 25, 2023, 6:42 PM

#

yup it works now

rigid tree May 25, 2023, 6:43 PM

#

yay

native quartz May 25, 2023, 6:44 PM

#

i wonder if you could have it hide till you hover over it

rigid tree May 25, 2023, 6:45 PM

#

i tried but then resizing is funky

native quartz May 25, 2023, 6:45 PM

#

ah

#

sadge

rigid tree May 25, 2023, 6:45 PM

#

you can add

.wrapper-1_HaEi.guilds-2JjMmN {
    opacity: 0;
}
.wrapper-1_HaEi.guilds-2JjMmN:hover {
    opacity: 1;
}

#

oh well actually if its instant it sorta works

native quartz May 25, 2023, 6:48 PM

#

i gave the opaicity a 300ms transition time and works fine

rigid tree May 25, 2023, 6:52 PM

#

oh i didn't know you could select only opacity in transform properties

#

that's cool

native quartz May 25, 2023, 6:53 PM

#


.wrapper-1_HaEi.guilds-2JjMmN {
    opacity: 0;
    transition: opacity linear 150ms;
}
.wrapper-1_HaEi.guilds-2JjMmN:hover {
    opacity: 1;
    transition: opacity linear 150ms;
}

I just added it in the transition tag lol

rigid tree May 25, 2023, 6:55 PM

#

.wrapper-1_HaEi.guilds-2JjMmN {
    transition: opacity 300ms linear;
    opacity: 0;
}
.wrapper-1_HaEi.guilds-2JjMmN:hover {
    transition: opacity 300ms cubic-bezier(1,.05,.44,-0.26);
    opacity: 1;
}

this works best
i'll add it

native quartz May 25, 2023, 6:57 PM

#

ight

nocturne tinsel May 26, 2023, 9:01 AM

#

as a wise vending machine said,

go to about:config and set layout.css.has-selector.enabled to true

#

then you can use it on firefox

rigid tree May 26, 2023, 9:03 AM

#

does not work i tried

nocturne tinsel May 26, 2023, 9:03 AM

#

oh

#

it does allow you to use :has though

rigid tree May 26, 2023, 9:06 AM

#

it updates only when you update the css

#

so it works only on startup basically

tough jacinth May 26, 2023, 3:49 PM

#

native quartz what kinda black magic did you do wtf

Uhh mines worse

rigid tree May 26, 2023, 3:50 PM

#

not at my pc rn but if i had to guess probably because of read all plugin

tough jacinth May 26, 2023, 3:53 PM

#

Happens every time When I switch servers

#

Better when I resize it

rigid tree May 26, 2023, 3:54 PM

#

weird

nocturne tinsel May 26, 2023, 4:02 PM

#

it happened to me on firefox

trim bolt Jun 2, 2023, 6:11 PM

#

just removed the snippet and t this happened

nocturne tinsel Jun 2, 2023, 6:12 PM

#

reload

rigid tree Jun 2, 2023, 6:12 PM

#

when you resize it directly changes the element, only fix is reloading

nocturne tinsel Jun 2, 2023, 6:12 PM

#

always turn off and on

#

then ask :3

rigid tree Jun 2, 2023, 6:12 PM

#

it's ok

nocturne tinsel Jun 2, 2023, 6:13 PM

#

ye i was kind of joking

coral wave Aug 18, 2023, 9:01 PM

#

@rigid tree is there a way to make it so it collapses into an icon in the top left corner?

rigid tree Aug 18, 2023, 9:02 PM

#

probably not, but i can try later

coral wave Aug 18, 2023, 9:02 PM

#

rigid tree probably not, but i can try later

ok sick thanks

#

oh nvm I didnt realize it disappears on when you dont hover over it

#

does it look like this for you?

rigid tree Aug 18, 2023, 9:14 PM

#

yes

coral wave Aug 18, 2023, 9:17 PM

#

the only thing I wish you could do was move it anywhere

rigid tree Aug 18, 2023, 9:19 PM

#

coral wave the only thing I wish you could do was move it anywhere

.wrapper-1_HaEi.guilds-2JjMmN {
    left: 25%;
}

coral wave Aug 18, 2023, 9:20 PM

#

rigid tree ```css .wrapper-1_HaEi.guilds-2JjMmN { left: 25%; } ```

that just moves it to the left a bit im talking about being able to drag it anywhere on my discord

rigid tree Aug 18, 2023, 9:21 PM

#

draggable is not possible, but you can change the position using left and top

coral wave Aug 18, 2023, 9:24 PM

#

rigid tree draggable is not possible, but you can change the position using `left` and `top...

Couldnt use the same fuctionality as how you drag servers into folders?

rigid tree Aug 18, 2023, 9:25 PM

#

that functionality is from the discord client, i didn't make that

coral wave Aug 18, 2023, 9:28 PM

#

rigid tree that functionality is from the discord client, i didn't make that

ahh thats unfortunate

#

Can you fix this?

rigid tree Aug 18, 2023, 9:37 PM

#

#popout_25 {
    left:56px !important;
}

works(?)

coral wave Aug 18, 2023, 9:38 PM

#

rigid tree ```css #popout_25 { left:56px !important; } ``` works(?)

na

#

doesnt look like it did anything

rigid tree Aug 18, 2023, 9:40 PM

#

ill make a v2 to this snippet a bit later

#Server selector from tabs v2