zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-25 01:32:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

chat: improve window sizing

Browse source
This commit is contained in:
Kyle Drake 2024-04-21 11:58:26 -05:00
parent 871f13ceb1
commit 87dd81581c
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/js/chat.js
View file

@ -184,12 +184,13 @@ Maintain a friendly, patient, supportive tone. Prioritize the user's learning an
e.preventDefault(); e.preventDefault();
isResizing = true; isResizing = true;
let startX = e.pageX; let startX = e.pageX;
let initialLeftColWidth = leftCol.offsetWidth; // Capture the initial width when resizing starts
function handleMouseMove(e) { function handleMouseMove(e) {
if (!isResizing) return; if (!isResizing) return;
const editorRowWidth = editorRow.offsetWidth; // Get the total width of the editor row const editorRowWidth = editorRow.offsetWidth; // Get the total width of the editor row
let moveX = e.pageX - startX; let moveX = e.pageX - startX;
let leftColWidth = leftCol.offsetWidth + moveX; let leftColWidth = initialLeftColWidth + moveX; // Use the initial width for relative adjustments
// Convert to percentage // Convert to percentage
let leftColPercentage = (leftColWidth / editorRowWidth) * 100; let leftColPercentage = (leftColWidth / editorRowWidth) * 100;
@ -207,9 +208,8 @@ Maintain a friendly, patient, supportive tone. Prioritize the user's learning an
// Apply the new widths // Apply the new widths
leftCol.style.width = `${leftColPercentage}%`; leftCol.style.width = `${leftColPercentage}%`;
rightCol.style.width = `${rightColPercentage}%`; rightCol.style.width = `${rightColPercentage}%`;
localStorage.setItem('leftColPct', leftCol.style.width) localStorage.setItem('leftColPct', `${leftColPercentage}%`);
localStorage.setItem('rightColPct', rightCol.style.width) localStorage.setItem('rightColPct', `${rightColPercentage}%`);
startX = e.pageX;
} }
function handleMouseUp() { function handleMouseUp() {