ZenBrowserMirrors/components
1
0
Fork 0
mirror of https://github.com/zen-browser/components.git synced 2025-07-08 13:59:59 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Always show 'resize' cursor when resizing zen sidebar.

Browse source
This commit is contained in:
brahim 2024-09-25 01:54:45 +02:00
parent 76c9f7847c
commit 86992a27cb
1 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/ZenSidebarManager.mjs
View file

@ -37,16 +37,17 @@ var gZenBrowserManagerSidebar = {
Services.prefs.addObserver('zen.sidebar.enabled', this.handleEvent.bind(this)); Services.prefs.addObserver('zen.sidebar.enabled', this.handleEvent.bind(this));
document.querySelectorAll('.zen-sidebar-web-panel-splitter') document.querySelectorAll('.zen-sidebar-web-panel-splitter')
.forEach(s => s.addEventListener('mousedown', this.handleSplitter.bind(this))); .forEach(s => s.addEventListener('mousedown', this.handleSplitterMouseDown.bind(this)));
this.sidebarHeader.addEventListener('mousedown', this.handleDragPanel.bind(this)); this.sidebarHeader.addEventListener('mousedown', this.handleDragPanel.bind(this));
this.handleEvent(); this.handleEvent();
}, },
handleSplitter(mouseDownEvent) { handleSplitterMouseDown(mouseDownEvent) {
if (this._isDragging) return if (this._isDragging) return
this._isDragging = true; this._isDragging = true;
const isHorizontal = mouseDownEvent.target.getAttribute('orient') === 'horizontal'; const isHorizontal = mouseDownEvent.target.getAttribute('orient') === 'horizontal';
setCursor(isHorizontal ? 'n-resize' : 'ew-resize');
const reverse = ['left', 'top'].includes(mouseDownEvent.target.getAttribute('side')); const reverse = ['left', 'top'].includes(mouseDownEvent.target.getAttribute('side'));
const direction = isHorizontal ? "height" : "width"; const direction = isHorizontal ? "height" : "width";
const axis = isHorizontal ? "Y" : "X"; const axis = isHorizontal ? "Y" : "X";
@ -84,6 +85,7 @@ var gZenBrowserManagerSidebar = {
document.addEventListener('mouseup', () => { document.addEventListener('mouseup', () => {
document.removeEventListener('mousemove', mouseMove); document.removeEventListener('mousemove', mouseMove);
this._isDragging = false; this._isDragging = false;
setCursor('auto');
}, {once: true}); }, {once: true});
}, },
@ -92,7 +94,6 @@ var gZenBrowserManagerSidebar = {
return; return;
} }
this._isDragging = true; this._isDragging = true;
const wrapper = document.getElementById('zen-sidebar-web-panel-wrapper');
const startTop = this.sidebar.style.top?.match(/\d+/)?.[0] || 0; const startTop = this.sidebar.style.top?.match(/\d+/)?.[0] || 0;
const startLeft = this.sidebar.style.left?.match(/\d+/)?.[0] || 0; const startLeft = this.sidebar.style.left?.match(/\d+/)?.[0] || 0;
@ -106,7 +107,7 @@ var gZenBrowserManagerSidebar = {
let top = mouseMoveEvent.screenY + topMouseOffset; let top = mouseMoveEvent.screenY + topMouseOffset;
let left = mouseMoveEvent.screenX + leftMouseOffset; let left = mouseMoveEvent.screenX + leftMouseOffset;
const wrapperBounds = wrapper.getBoundingClientRect(); const wrapperBounds = this.sidebarWrapper.getBoundingClientRect();
top = Math.max(0, Math.min(top, wrapperBounds.height - sideBarHeight)); top = Math.max(0, Math.min(top, wrapperBounds.height - sideBarHeight));
left = Math.max(0, Math.min(left, wrapperBounds.width - sideBarWidth)); left = Math.max(0, Math.min(left, wrapperBounds.width - sideBarWidth));