Add theme: Vertical Tab Groups

This commit is contained in:
ToBinio 2025-03-11 18:34:47 +00:00 committed by GitHub
parent 21e5f9ab75
commit 50e11d8475
4 changed files with 50 additions and 0 deletions

View file

@ -0,0 +1,32 @@
tab-group[split-view-group] {
flex-direction: column;
padding: 2px 2px !important;
position: relative;
&::after {
content: '';
width: 1px;
height: calc(100% - 8px);
background-color: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.2));
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
&:hover, &:has(> tab:is([visuallyselected], [multiselected])){
&::after{
width: 0;
}
}
}
tab-group[split-view-group] {
& > .tabbrowser-tab {
&:not(:last-child)::after {
width: 0 !important;
height: 0 !important;
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

View file

@ -0,0 +1,4 @@
# Vertical Tab Groups
Display tab groups vertically so you can still read the page names.

View file

@ -0,0 +1,14 @@
{
"id": "4c2bec61-7f6c-4e5c-bdc6-c9ad1aba1827",
"name": "Vertical Tab Groups",
"description": "Display tab groups vertically so you can still read the page names",
"homepage": "https://github.com/ToBinio/zen-mods/tree/main/vertical-tab-groups",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4c2bec61-7f6c-4e5c-bdc6-c9ad1aba1827/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4c2bec61-7f6c-4e5c-bdc6-c9ad1aba1827/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4c2bec61-7f6c-4e5c-bdc6-c9ad1aba1827/image.png",
"author": "ToBinio",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-03-11",
"updatedAt": "2025-03-11"
}