mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-21 09:12:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Made so split view can be rearranged without ctrl button event

Browse Source
This commit is contained in:
mr. m
2025-03-03 01:18:03 +01:00
parent 8aaccf06b2
commit 7440f12117
2 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/base/content/zen-styles/zen-decks.css
View File

@@ -17,7 +17,7 @@
margin: 0;
}
#zen-splitview-dropzone {
border-radius: var(--zen-webview-border-radius, var(--zen-border-radius));
border-radius: var(--zen-native-inner-radius);
transition: inset ease-out 0.08s;
display: none;
background-color: color-mix(in srgb, var(--zen-colors-secondary) 30%, transparent 70%);

31
src/browser/base/zen-components/ZenViewSplitter.mjs
View File

@@ -167,7 +167,6 @@ class ZenViewSplitter extends ZenDOMOperatedFeature {
onBrowserDragOverToSplit(event) {
var dt = event.dataTransfer;
const dragEffect = dt.dropEffect;
var draggedTab;
if (dt.mozTypesAt(0)[0] == TAB_DROP_TYPE) {
// tab copy or move
@@ -190,11 +189,11 @@ class ZenViewSplitter extends ZenDOMOperatedFeature {
}
const oldTab = this._lastOpenedTab;
this._canDrop = true;
// wait some time before showing the split view
this._showSplitViewTimeout = setTimeout(() => {
this._draggingTab = draggedTab;
gBrowser.selectedTab = oldTab;
draggedTab._visuallySelected = true;
// wait some time before showing the split view
this._showSplitViewTimeout = setTimeout(() => {
this._hasAnimated = true;
const panelsWidth = gBrowser.tabbox.getBoundingClientRect().width;
const halfWidth = panelsWidth / 2;
@@ -235,23 +234,22 @@ class ZenViewSplitter extends ZenDOMOperatedFeature {
return;
}
const panelsRect = gBrowser.tabbox.getBoundingClientRect();
// this event is fired even though we are still in the "allowed" area
if (event.target !== gBrowser.tabbox && event.target !== this.fakeBrowser) {
return;
}
this._canDrop = false;
gBrowser.selectedTab = this._draggingTab;
this._draggingTab = null;
if (this._showSplitViewTimeout) {
clearTimeout(this._showSplitViewTimeout);
}
if (!this._hasAnimated) {
if (!this._hasAnimated || !this.fakeBrowser) {
return;
}
setTimeout(() => {
const panelsWidth = panelsRect.width;
const halfWidth = panelsWidth / 2;
const padding = Services.prefs.getIntPref('zen.theme.content-element-separation', 0);
if (!this.fakeBrowser) {
return;
}
Promise.all([
gZenUIManager.motion.animate(
gBrowser.tabbox,
@@ -275,7 +273,10 @@ class ZenViewSplitter extends ZenDOMOperatedFeature {
}
),
]).then(() => {
this._mayabeRemoveFakeBrowser();
this._canDrop = false;
gBrowser.selectedTab = this._draggingTab;
this._draggingTab = null;
this._maybeRemoveFakeBrowser();
});
}, 100);
}
@@ -837,7 +838,7 @@ class ZenViewSplitter extends ZenDOMOperatedFeature {
this.updateSplitView(tab);
tab.linkedBrowser.docShellIsActive = true;
}
this._mayabeRemoveFakeBrowser();
this._maybeRemoveFakeBrowser();
}
/**
@@ -1433,13 +1434,12 @@ class ZenViewSplitter extends ZenDOMOperatedFeature {
}
};
_mayabeRemoveFakeBrowser() {
_maybeRemoveFakeBrowser() {
gBrowser.tabbox.removeAttribute('style');
if (this.fakeBrowser) {
delete this._hasAnimated;
this.fakeBrowser.remove();
this.fakeBrowser = null;
gBrowser.tabbox.removeAttribute('style');
delete this._canDrop;
delete this._hasAnimated;
gBrowser.selectedTab = this._draggingTab;
this._draggingTab = null;
}
@@ -1453,7 +1453,8 @@ class ZenViewSplitter extends ZenDOMOperatedFeature {
*/
moveTabToSplitView(event, draggedTab) {
const canDrop = this._canDrop;
this._mayabeRemoveFakeBrowser();
this._maybeRemoveFakeBrowser();
this._canDrop = false;
if (!canDrop) {
return false;
}