diff --git a/SRC/main.js b/SRC/main.js index a3f8fff..24dde25 100755 --- a/SRC/main.js +++ b/SRC/main.js @@ -151,25 +151,26 @@ async function fetchData(planetId) { let rowHtml = ''; columns.forEach(col => { const colLower = col.toLowerCase(); + const colLabel = col.toUpperCase(); if (colLower.includes('url') || colLower === 'image' || colLower === 'img') { const url = row[col]; if (url && url.trim() !== '') { - rowHtml += ` + rowHtml += ` ${url} `; } else { - rowHtml += `N/A`; + rowHtml += `N/A`; } } else if (colLower.includes('desc') || colLower.includes('expl')) { const text = row[col] || ''; let fontSizeStyle = ''; if (text.length > 200) fontSizeStyle = ' font-size: 0.75rem;'; else if (text.length > 100) fontSizeStyle = ' font-size: 0.85rem;'; - rowHtml += `${text}`; + rowHtml += `${text}`; } else { - rowHtml += `${row[col]}`; + rowHtml += `${row[col]}`; } }); @@ -178,6 +179,11 @@ async function fetchData(planetId) { }); const tableContainer = tbody.closest('.table-container'); + if (tableContainer) { + tableContainer.style.overflowX = 'auto'; + tableContainer.style.maxWidth = '100%'; + tableContainer.style.WebkitOverflowScrolling = 'touch'; + } const existingBtn = tableContainer.querySelector('.show-more-btn'); if (existingBtn) existingBtn.remove(); @@ -359,7 +365,7 @@ document.addEventListener('DOMContentLoaded', () => { const iframes = document.querySelectorAll('iframe'); iframes.forEach(iframe => { const fallback = document.createElement('div'); - fallback.textContent = "fonctionnalité uniquement fonctionnelle sur pc"; + fallback.textContent = "functionality not available on mobile devices"; fallback.style.display = "flex"; fallback.style.alignItems = "center"; fallback.style.justifyContent = "center";