MediaWiki:Common.js: відмінності між версіями

← Попереднє редагування Наступне редагування →

@@ Рядок 106: / Рядок 106: @@
 //OVERLAY
 (function() {
-    // Функция добавления кнопки "Закрити" к overlay MediaViewer
+     function addCloseButton() {
-     function addCloseButtonToMediaViewer() {
-        // Ищем overlay MediaViewer
          const overlay = document.querySelector('.mediaViewerOverlay, .mwe-popups');
-         if (!overlay || overlay.dataset.closeBtnAdded) return; // если уже добавлено, выходим
+         if (!overlay) return;
-        overlay.dataset.closeBtnAdded = true;
-         // Создаем кнопку
+         // Проверяем, есть ли уже наша кнопка
-         const closeBtn = document.createElement('button');
+         if (!overlay.querySelector('.custom-close-btn')) {
-        closeBtn.innerText = 'Закрити';
+            const closeBtn = document.createElement('button');
-        closeBtn.style.position = 'absolute';
+            closeBtn.className = 'custom-close-btn';
-        closeBtn.style.top = '20px';
+            closeBtn.innerText = 'Закрити';
-        closeBtn.style.right = '20px';
+            closeBtn.style.position = 'absolute';
-        closeBtn.style.padding = '10px 20px';
+            closeBtn.style.top = '20px';
-        closeBtn.style.fontSize = '18px';
+            closeBtn.style.right = '20px';
-        closeBtn.style.cursor = 'pointer';
+            closeBtn.style.padding = '10px 20px';
-        closeBtn.style.background = '#f44336';
+            closeBtn.style.fontSize = '18px';
-        closeBtn.style.color = 'white';
+            closeBtn.style.cursor = 'pointer';
-        closeBtn.style.border = 'none';
+            closeBtn.style.background = '#f44336';
-        closeBtn.style.borderRadius = '5px';
+            closeBtn.style.color = 'white';
+            closeBtn.style.border = 'none';
+            closeBtn.style.borderRadius = '5px';
+            closeBtn.addEventListener('click', () => {
+                overlay.style.display = 'none';
+            });
-        // Действие кнопки: скрываем overlay
+            overlay.appendChild(closeBtn);
-        closeBtn.addEventListener('click', () => {
+         }
-            overlay.style.display = 'none';
-         });
-        overlay.appendChild(closeBtn);
      }
-     // MutationObserver следит за динамически появляющимися overlay
+     // Проверяем каждые 100ms, если overlay появился и кнопки ещё нет
-     const observer = new MutationObserver(() => addCloseButtonToMediaViewer());
+     setInterval(addCloseButton, 100);
-    observer.observe(document.body, { childList: true, subtree: true });
 })();