mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-05 19:08:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add margin when moving groups inside other groups, b=no-bug, c=folders

Browse Source
This commit is contained in:
mr. m
2025-08-09 00:44:10 +02:00
parent 9dac7bc98d
commit da252b3d7e
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/zen/folders/ZenFolders.mjs
View File

@@ -318,7 +318,7 @@
if (selectedItem) {
group.setAttribute('has-active', 'true');
selectedItem.setAttribute('folder-active', 'true');
this.setFolderIndentation(selectedItem, group, false);
this.setFolderIndentation(selectedItem, group, /* for collapse = */ true);
}
for (const item of itemsAfterSelected) {
@@ -874,7 +874,7 @@
return [];
}
setFolderIndentation(tab, group = undefined) {
setFolderIndentation(tab, group = undefined, forCollapse = true) {
if (!gZenPinnedTabManager.expandedSidebarMode) {
return;
}
@@ -886,14 +886,18 @@
group = group.group;
isTab = true;
}
if (!isTab && !group?.hasAttribute('selected')) {
if (!isTab && !group?.hasAttribute('selected') && !forCollapse) {
group = null; // Don't indent if the group is not selected
}
const level = group?.level + 1 || 0;
const baseSpacing = 14; // Base spacing for each level
const tabLevel = tab?.group?.level || 0;
let tabToAnimate = tab;
if (gBrowser.isTabGroupLabel(tab)) {
tabToAnimate = tab.group;
}
const tabLevel = tabToAnimate?.group?.level || 0;
const spacing = (level - tabLevel) * baseSpacing;
tab.style.setProperty('--zen-folder-indent', `${spacing}px`);
tabToAnimate.style.setProperty('--zen-folder-indent', `${spacing}px`);
}
changeFolderUserIcon(group) {