From ef142f2ff0ce369fc90d5957dcb70c5cf402a1c5 Mon Sep 17 00:00:00 2001 From: binimum <61615730+binimum@users.noreply.github.com> Date: Sun, 22 Mar 2026 20:38:39 +0000 Subject: [PATCH] style: auto-fix linting issues --- js/side-panel.js | 14 +++++++------- styles.css | 1 - 2 files changed, 7 insertions(+), 8 deletions(-) diff --git a/js/side-panel.js b/js/side-panel.js index 3c3263d..c3b6d8f 100644 --- a/js/side-panel.js +++ b/js/side-panel.js @@ -17,7 +17,7 @@ export class SidePanelManager { initResizer() { this.resizerElement.addEventListener('mousedown', this.startResize.bind(this)); - + // Restore saved width if available const savedWidth = localStorage.getItem('side-panel-width'); if (savedWidth) { @@ -30,10 +30,10 @@ export class SidePanelManager { this.isResizing = true; this.panel.style.transition = 'none'; // Disable transition for smooth resizing document.body.style.cursor = 'ew-resize'; - + this.resizeBind = this.resize.bind(this); this.stopResizeBind = this.stopResize.bind(this); - + document.addEventListener('mousemove', this.resizeBind); document.addEventListener('mouseup', this.stopResizeBind); } @@ -44,10 +44,10 @@ export class SidePanelManager { const minWidth = 300; const maxWidth = window.innerWidth * 0.9; let newWidth = window.innerWidth - e.clientX; - + if (newWidth < minWidth) newWidth = minWidth; if (newWidth > maxWidth) newWidth = maxWidth; - + this.panel.style.setProperty('--side-panel-width', `${newWidth}px`); } @@ -55,10 +55,10 @@ export class SidePanelManager { this.isResizing = false; this.panel.style.transition = ''; // Restore transitions document.body.style.cursor = ''; - + document.removeEventListener('mousemove', this.resizeBind); document.removeEventListener('mouseup', this.stopResizeBind); - + // Save the width const currentWidth = this.panel.style.getPropertyValue('--side-panel-width').replace('px', ''); if (currentWidth) { diff --git a/styles.css b/styles.css index f76427d..69f77dc 100644 --- a/styles.css +++ b/styles.css @@ -5263,7 +5263,6 @@ input:checked + .slider::before { background-color: var(--brand); } - .side-panel.active { transform: translateX(0); box-shadow: var(--shadow-xl);