litruv/lit.ruv.wtf
1
0
Fork 0
mirror of https://github.com/litruv/lit.ruv.wtf.git synced 2026-07-25 03:06:02 +10:00
Code Issues Packages Projects Releases Wiki Activity

resize fix

Browse Source
This commit is contained in:
Litruv
2025-06-16 11:11:41 +10:00
parent 808a92da07
commit c12f48a84a
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
website/main.js
View File

@@ -344,6 +344,7 @@ let postElementsCache = null;
let layoutColumns = null; let layoutColumns = null;
let postQueue = []; let postQueue = [];
let isProcessingQueue = false; let isProcessingQueue = false;
let currentNumColumns = 0; // Variable to store the current number of columns
function createColumns(num) { function createColumns(num) {
const postsContainer = document.getElementById("posts"); const postsContainer = document.getElementById("posts");
@@ -548,6 +549,7 @@ async function fetchPosts() {
// Initialize layout columns // Initialize layout columns
const numCols = getNumColumns(); const numCols = getNumColumns();
layoutColumns = createColumns(numCols); layoutColumns = createColumns(numCols);
currentNumColumns = numCols; // Initialize currentNumColumns
// Create all post elements // Create all post elements
postElementsCache = posts.map(post => createPost(post)); postElementsCache = posts.map(post => createPost(post));
@@ -570,9 +572,13 @@ window.addEventListener("resize", () => {
if (document.fullscreenElement && document.fullscreenElement.tagName === "VIDEO") { if (document.fullscreenElement && document.fullscreenElement.tagName === "VIDEO") {
return; return;
} }
if (postElementsCache && layoutColumns) {
const newNumCols = getNumColumns();
if (postElementsCache && layoutColumns && newNumCols !== currentNumColumns) {
currentNumColumns = newNumCols; // Update the current number of columns
// Re-layout all existing posts // Re-layout all existing posts
layoutColumns = createColumns(getNumColumns()); layoutColumns = createColumns(newNumCols);
postElementsCache.forEach((postEl, index) => { postElementsCache.forEach((postEl, index) => {
if (postEl.parentNode) { // Only re-layout posts that are already added if (postEl.parentNode) { // Only re-layout posts that are already added
const zIndex = postElementsCache.length - index; const zIndex = postElementsCache.length - index;