Tab groups for Arc H

[vital pier]

link for repo : https://github.com/ferrocyante/Tab-groups-for-Arc-H

[wraith rock]

how to install

[vital pier]

eh ? go to repo just download the whole including all icon

and then paste tabs grps css in ur userchrome.css

remove any previous css related to tab groups

[wraith rock]

sry i'm new to github

don't know how to download that folder

can't see download

[vital pier]

click on code

download zip extract it

[wraith rock]

i'm dumb thx

[vital pier]

no problem🙌

[copper gale]

Ohhh I needed this! Brings back ol memories with arc 😁

[wraith rock]

dunno know what i did wrong

[vital pier]

ahh use density touch

my bad should have made for normal lemme edit

[wraith rock]

so it's not my fault

[vital pier]

ahh i guess it ur css fault ahh

@wraith rock told u to remove old css if u have

old css like someone else css

[copper gale]

I'm on the smallest (hidden) density and it works fine too

btw this is a known thing right? need to click on the element to open and close the group.

[vital pier]

yep sorry it is

have u some solution?

[wraith rock]

works fine on new profile

mb

but still i deleted nebula tab folders module

[vital pier]

btw @copper gale icon not properly alligned is it ur css thingy ?

[vital pier]

is there any allignment issue?.

[wraith rock]

nah

[vital pier]

oki good then it is sammerasw css conflict

[wraith rock]

my god default zen is not good

[copper gale]

I couldn't look into it... but mabe something to do witht eh group bg... not sure.... I'll try to look once got some time

[copper gale]

has to be... i got some css as well but disabled I think... added at the end but I do need some cleanup to do

but looks fine to me

[vital pier]

dw i will look into ur css

ur dont have that prolem right?

like whole thing is clickable

[copper gale]

expand thing? no... but I tested it a while ago... so not sure anything got changed...

[copper gale]

ye

[vital pier]

oki

[pseudo egret]

what is arc h ?

find out
https://github.com/ferrocyante/Arc-H

[toxic swallow]

?

[vital pier]

shhhhhh🤫 dont expose it

[pseudo egret]

I wanted to know which font you are using ?

[vital pier]

SF pro

[pseudo egret]

I think I made a mistake...

[vital pier]

what css u using

arc-h is beta not supposed to be used rn

i should remove it altogether wait

[pseudo egret]

I mixed everything up

[vital pier]

[pseudo egret]

this is my chrome file ..

[vital pier]

dont do it man its poorly segragated it will definetly cause problems

[pseudo egret]

I think I'll delete everything and do a fresh installtion

[vital pier]

dont use arc -h am again warning

many things are missalligned

[pseudo sigil]

Man folders vanishing on restart any fix for this?

[vital pier]

eh ? not happening with anyone else

any other css conflicting?

maybe ur zen isnt updated

[pseudo sigil]

Twilight seems to be having no issue, maybe a beta problem?

toggling this on solved that

[cold oxide]

damn

[hard bone]

this looks goodd

[vital pier]

@gloomy sail

[gloomy sail]

hi

[vital pier]

perfect allignment

[vital pier]

wtf vedio dropped frames

[gloomy sail]

WAIT

I JUST NOTICED

THAT

DID ZEN MAKE THE GLANCE ANIMATION

SMOOTH AND BETTER? WHAT THE FUCK

[gloomy sail]

yeah ig

[vital pier]

._. it actually smooth no jank

[gloomy sail]

ohh

nice

btw ferrocene

what color values do you use for tabs

[lavish acorn]

wait so does zen now have foler for tabs?

[sleek creek]

why is the text size bigger in folders then tab text?

[vital pier]

I have revamped the animation for closing and opening of folders i request everyone, switch to the updated css sorry for inconvenience

[vital pier]

can pls try the updates css

i have made text size a little smaller too

tho u can make it more smaller if u want to

[vital pier]

@gloomy sail

test it

where were u man i was lookin for u

[gloomy sail]

yes

much better

but

the text seems to be higher

[vital pier]

can show

[vital pier]

eh?

wait

opened one

show that

[vital pier]

try this remove any other thing related

i am on new profile for me its alligned

[gloomy sail]

yes

still same issue

i guess

[vital pier]

wut

[gloomy sail]

it is because of nebula

[vital pier]

can u try on new profile

[gloomy sail]

sure

[vital pier]

pls do

[gloomy sail]

still the same issue with natsumi v3

[vital pier]

eh new profile

remove all css

just put this in userchrome

[gloomy sail]

hmm lemme try

still

same issue

lmfaooo

[vital pier]

lol

[vital pier]

using this right?

[gloomy sail]

yupp

[vital pier]

@gloomy sail

[gloomy sail]

still same issue

also btw

the folders dissappear after restarting

a new window opens when i try to add a tab to folder and it shows the folder to add as an option

[vital pier]

not possible i just tested on literall new profile

that i just made

[gloomy sail]

and yet

it is still happening

[gloomy sail]

wait restart worked

😅

[vital pier]

._.

see folder disaapearing?

[gloomy sail]

also animations work smoothly

[vital pier]

i dont think that should be because of css

folder disspaer

[gloomy sail]

yes

[vital pier]

ehh

[gloomy sail]

wait ill screenshare if u could see

[vital pier]

check dms i mma share vedio

[gloomy sail]

ok

[toxic swallow]

@vital pier can we get your transparency blur too

[lofty skiff]

is this for twilight only, or is there a config that I need to change? I can't get the folders to form by dragging a tab onto another. Is there a different way we create them?

[pseudo sigil]

You'd have to wait for official folder implementation for that one ig.

[sleek creek]

kk lemme check

[sleek creek]

where is your exit menu?

is the folder disappearing problem still there?

[vital pier]

that is not due to this css

[sleek creek]

oh kk

[plush dagger]

how to install it man?

[vital pier]

download the repo

paste tab grroup css into ur usechrome.css

[wary stratus]

how does one get the left sided window controls to work properly?

for arc h

on windows to be precise

because it looks like this

[steep pasture]

use this css

[wary stratus]

thanks

[wary stratus]

how exactly do i add tab groups to the theme btw

[steep pasture]

you need to enable them in about:config : look for the flag browser.tabs.groups.enabled and set it to true

[wary stratus]

yeah have that

but like the css

[halcyon valve]

And also add the css to your userchrome

[steep pasture]

the css should be included in the repo I think

[wary stratus]

yeah idk where i had to add it though

[steep pasture]

just in your chrome folder

[wary stratus]

i could be stupid because i did all that but i have absolutely no clue how to even make a group

[steep pasture]

you need to select and right click one or several tabs and select "Add Tab(s) to New Group"

[wary stratus]

button is greyed out

unless i can only group unpinned tabs

[steep pasture]

ah yeah

for now it's just for unpinned

[wary stratus]

rip

[steep pasture]

pinned tab folders should be there on April 29th with Firefox 138

[wary stratus]

cool ill be waiting

also the mac os buttons u gave me when the tab is unfocused all but the maximize button get colored in

[steep pasture]

yep I think it's normal behaviour, i've been using Natsumi browser's mac os button css and it was always like that

[wary stratus]

weird

ah its only when the browser is maximized

[steep pasture]

I just checked the css and you have rules for it so it's intended. Just delete those : ```.titlebar-close:not(:hover):-moz-window-inactive{

background-color: #FE6254 !important;
}
.titlebar-min:not(:hover):-moz-window-inactive{
background-color: #FDC92D !important;

}
.titlebar-max:not(:hover):-moz-window-inactive{
background-color: #28D33F !important;

}```

[wary stratus]

oh i found it

  .titlebar-restore:not(:hover):-moz-window-inactive {
   background-color: #28D33F !important;
  }``` this normally just has !important in it without any background or anything else

[nocturne arrow]

Looks perfect with my theme!🔥

But damn, 600kb for just that lol.

[narrow lodge]

I am in love

[hasty helm]

@vital pier yeah you could just link to your folder svg instead of putting the whole data uri

[halcyon valve]

My notepads has a stroke everytime I wanna paste that somewhere lol

Big ahh string

But peak feature nonetheless

[vital pier]

ah loads slowly

everytime u switch color idk why'

[hasty helm]

oh so it doesn't cache

[vital pier]

every restart

[hasty helm]

Not that slow tbh

I can live with it

[vital pier]

wuts the prob with base64

[hasty helm]

It's long

I'm just complaining

[vital pier]

PigOkAnd

[vital pier]

if it was just just normally embeded u would have complained why it is not base64

[hasty helm]

tbh it would be best to upload the svg with fx-autoconfig

[vital pier]

tbh it would be best to let cheff upload in zen in upcoming folders

JJKGlorpkuna

[hasty helm]

He actually got the Arc ones I think

[vital pier]

windows arc i think

which dont look as good as mac ones imo

[hasty helm]

bro it looks the same

[vital pier]

nah mac one more sleek imo

[hasty helm]

which one is this from

[vital pier]

windows arc

[little viper]

excuse me the tab groups ui is not work for me

[little viper]

ok it works but only copy-pass the tab-groups.css direct to userChrome.css, with @import "tab-groups.css"; will not work

[steep pasture]

Well you have to add the tab-groups.css file to your chrome folder where the userChrome.css is if you want to import it to userChrome.css

[wary stratus]

????

theme broken?

[vital pier]

i told u not use the theme

its not completed yet

[wary stratus]

i mean yeah but like it worked properly yesterday

oh well ill go back to arc 2.0

for now

[vital pier]

[wary stratus]

nvm for some reason it has some weird essentials gap issue

fixed the margin for this theme myself

but for some reason my close browser button just doesnt work

[vital pier]

.-. thank you saying i thought it was script issue

now i can try to resolve

[wary stratus]

i can give you the selector and how i fixed it

[vital pier]

fixed what?

[wary stratus]

the weird overlay

with workspaces

[vital pier]

just remove css affecting that

[wary stratus]

theres supposed to be a 48px margin that just isnt in the theme

welp the close button not working isnt a this theme issue

likely a twilight issue

[hasty helm]

You shouldn't be using twilight right now you don't know when it will break

[wary stratus]

i also dont want to reinstall zen

[hasty helm]

I just have both installed

[wary stratus]

oh well i barely close my browser anyway so no big deal

was just annoying when trying to reload css without live edit

[vital pier]

yep twilight just rigged rn

i am also waiting to get it more stable before any fixes

[vital pier]

btw what was this from?

windows arc ? mac arc ? or zen one

[hasty helm]

who knows

[vital pier]

that means zen one

ty

[hasty helm]

It's from jace

[wary stratus]

prolly mac arc

or something

[vital pier]

u wont be spared by cheff

leaking dev chats

[hasty helm]

[little viper]

as i do but not work, you can see in my screenshort

[modern ferry]

mmmm Do you also have the Arc-H theme installed? Because my Chrome user looks like this. Also I don't see your userChrome referencing arch/arch.css

[pseudo egret]

@vital pier I know you usually don't recommend themes, but is there a particular theme that works well with tab groups?

[vital pier]

idk maybe nebula

[pseudo egret]

and what’s the reason for not using Arc h? Is it unstable?

[vital pier]

yep a lot

high gpu hikes is main reason

during animations

[pseudo egret]

sad..

I hope it will get fixed, the theme is really like Arc it's so well made!

[vital pier]

yep i am working on that

[eager spire]

clean

[proud sparrow]

Hey! how you doing? So, can't I create tab groups in the fixed windows?

[ebon forum]

Hello,
I have this vertical line at the left how can a delete it please ?

[scarlet cairn]

My situation got worst since the result not worked. There imports in the css?

[vital pier]

some other css is conflicting

pls remove other css related to tab groups

also make sure you are using latest updated css of the github repository

[vital pier]

can tell more about issue like its not working at all?

[ebon forum]

I had tried to completely deactivate my userchrome.css but I still had this problem

[vital pier]

wait lemme test on new profile

[ebon forum]

My mods download in the zen browser store I forgot to disable them, I'll try this

[vital pier]

@gloomy sail can u test btw

[vital pier]

which os you are using

[ebon forum]

Mac os 15.3

I found the source of the problem. I had tab.groups.display-tab-range set on true

[vital pier]

ahh i see any other problem?

like allignment issues?

also make sure u using latest css

[ebon forum]

No thank you everything is good

[gloomy sail]

ill test after class

[vital pier]

done

np

[gloomy sail]

oh ok

[lilac stream]

when i close the browser and open again, the tab group disappeared. is there anyway to persist it? i'm new to this so pardon me

[vital pier]

which zen version you are on?

[lilac stream]

1.11.5b

[vital pier]

i think its zen issue or profile is bugged

for me it retains the tab groups on 1.11.5b

do your essential tabs also dont load on reoping like icons of essential tabs

[lilac stream]

Ok, i just did the setup following the guide. i'm on mac btw if that change anything

[lilac stream]

my essential tabs are persisted

[vital pier]

their icon specifically

they load automatically?

on reopening

[lilac stream]

Yes they load automatically on reopening

[vital pier]

this specially happen with my css or just normally also?

like without tab grp css

[lilac stream]

it happens normally also

[vital pier]

then its zen issue ask cheff

in #zeneral

[lilac stream]

Ok, thanks for responding

[wraith rock]

@vital pier tried the new code and it works fine

thanks

[vital pier]

welcome

[wraith rock]

is there any hope for nesting tho ??

[vital pier]

real folders which are coming soon to zen will have that

i have tried nesting through js but they were not draggable

[wraith rock]

didn't cheff say only for pinned ??

i'd yours for normal

[vital pier]

arc also have for pinned

[vital pier]

i mean adding for normal isnt good for workflow let them be implemented u will get to know urself

[wraith rock]

how to reduce the size of folders icons

they look huge in comparison

[toxic swallow]

that’s the css your using

that’s why they’re so big

[vital pier]

u will see scale: properpty in the css

it is used only 2 times once for collapsed icon and once for open folder icon just decrease its value

[sleek creek]

why the red line?

[vital pier]

tab.groups.display-tab-range

disable this in about:config

[sleek creek]

thank youu

[hasty helm]

https://codepen.io/Slowlife/pen/PwwZbEm?editors=1111 @vital pier change colors with css bro

oh wait

if you inline it

that means it won't work

[vital pier]

its not that easy 2 additional tint layer of that particular color is used on svg . ._. but why u want to change color (altho its super easy to change in editor)

[hasty helm]

Look at it

I changed it to currentColor

and it does work

[vital pier]

but it is not of correct shape

opened folder is eww

closed one is okayish

[hasty helm]

I got them from arc folder share

[vital pier]

mac arc?

they looks like windows arc

or mac arc initial implementation not the latest ones

[hasty helm]

https://arc.net/folder/1AE2D275-FEC5-4077-9C3E-CE8826A4B079

[vital pier]

now dont say you cant spot the difference man

i k these arent perfect

[hasty helm]

uh

[nocturne arrow]

I liked it how the airplane looks in tab folder, can you give me the css?

[pseudo sigil]

Did you completely hide the mini urlbar

[vital pier]

bro that is real arc

[pseudo sigil]

Damn thats why it looks so perfect

[vital pier]

couldnt u tell the difference by nested folders

wazowskistare

[pseudo sigil]

havent you recreated nested folders already

[vital pier]

nope

[knotty locust]

Wait wait wait...Folders on folders ? Okay, that would be great !

[vital pier]

PigOkAnd

[knotty locust]

How did you do it ?

[vital pier]

pls stop

[hasty helm]

It's Arc

[vital pier]

uh

[knotty locust]

You know I'm tired, when I cant see the difference between two browsers xD

[vital pier]

slolfy bomb him with the differences @hasty helm

[hardy pier]

@vital pier \

what happened to vyanh

vyang

the original message got deleted and he github page is not there anymoree

[olive parcel]

Arc H is replacing it when it releases afaik

[hardy pier]

ok

[left karma]

@vital pier small bug. When you drag a tab onto a folder, the folder disappears.

[vital pier]

on latest twilight?

[left karma]

yea one sec

[vital pier]

working fine for me

[vital pier]

i dont think we can drag and drop tabs in closed folders

[left karma]

hmmm

weird maybe thats it

[vital pier]

does it not happen on default without css one

[valid geyser]

Do they work on pinned tabs?

[vital pier]

wait for actuall folders to release for that, as of now they dont

[valid geyser]

Oh.

[green robin]

why does the group name disappear?

[vital pier]

folders arent fully implemented to zen thats not css fault thats how are for now

wait for official folder release

[left karma]

let me check the css @vital pier

[vital pier]

oki

[vital pier]

oo ic

[green robin]

Looks like a mistake in your CSS

[vital pier]

would u drop this css i might introspect and correct it

[left karma]

No its not

its the translations being applied on the label container

[vital pier]

oo lemme correct it

[left karma]

its not you

[vital pier]

but cant we fix this?

[left karma]

transform: translateY(0px) !important;

add this to & .tab-group-label-container {

will fix it

will need to add some hover effects to it

[vital pier]

actually this css is mess

mine one

[left karma]

thats fine, it only needs to be added to .tab-group-label-container somewhere

[vital pier]

z-index is incorrectly used

[left karma]

and it will work

[left karma]

mine is working fine

[vital pier]

u r using this css?

[left karma]

yea yours from Github

[vital pier]

did u set translateY to 0px?

[vital pier]

can u show if u dont have this problem?

[vital pier]

folder icon are not alligned

with label text

[left karma]

I aligned them to the bottom for my eyes lol

[vital pier]

lol no worries

[green robin]

found another issue: if the text is too long, it overflows beyond the edges

[vital pier]

drop your css i will revamp this whole thing

if urs dont have these issues

[green robin]

I’m using ATG

[vital pier]

this is fine for now

[green robin]

nah

[vital pier]

yea i wanna clip the dragging tab behind the label

for that have to look deep into atg which is huge code

[green robin]

Now you need to change the overflow property when a tab is moved.

[vital pier]

not many days left before official folder release

[green robin]

Do your groups also disappear after being moved?

[vital pier]

urs dont

😭

bruh

are those draggable i am ready to go thru hell to rewrite if thay are draggable

[green robin]

nah mine disappear too — it's a Zen problem

[vital pier]

[green robin]

Although the Cheff said he didn't change anything

[vital pier]

tthey are like this from starting for me

for u they were draggable before?

[green robin]

#zeneral message

since version 138 in Firefox, you can drag and drop them

but in zen, it doesn’t work

[vital pier]

ik but cheff havent oriented them to work on zen yet

[cold oxide]

did this get released??

[nocturne arrow]

Where i can get this?

@vital pier the tidy and clear dosent work.

[vital pier]

it is not supposed to work its not included in just css requires js

[nocturne arrow]

Nvm, i fixed my issue.

[hallow rover]

After following the Readme on github, i still dont have the "Clear" or "Tidy" button

I did @import "chrome.css" in my userchrome.css since there is no tabgroup.css

it should work with natsumi right?

[vital pier]

did my repo mentions it will have clear and tidy button

that cant be done purely by css

[hallow rover]

yeah i am having neither of those

[hallow rover]

wdym?

[vital pier]

it requires you to install fx_autoconfig

[hallow rover]

ok is there a guide for that? The Readme doenst specify it

[vital pier]

https://github.com/MrOtherGuy/fx-autoconfig

[vital pier]

thats because i have not released tidy and clear button yet, i will release it soon

[hallow rover]

oh ok then I'll wait for the official release

[storm sinew]

yo @vital pier is your whole zen setup included in the repo

because yours looks good

[vital pier]

no