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

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

@@ Рядок 46: / Рядок 46: @@
      );
-     // Кнопка доступності - ТЕПЕР УНІВЕРСАЛЬНА
+    // Змінна для зберігання розміру шрифту
+    var fontSize = parseInt($('body').css('font-size'), 10);
+    // Функція для застосування розміру шрифту з урахуванням режиму доступності
+    function applyFontSize() {
+        var currentFontSize = fontSize + 'px';
+        if ($('body').hasClass('accessibility-mode')) {
+            // У режимі доступності - збільшуємо базовий розмір
+            var increasedSize = (fontSize * 1.2) + 'px'; // +20% до поточного розміру
+            $('body').css('font-size', increasedSize);
+        } else {
+            // Звичайний режим - стандартний розмір
+            $('body').css('font-size', currentFontSize);
+        }
+    }
+     // Кнопка доступності - ТЕПЕР З УРАХУВАННЯМ ШРИФТУ
      var $accessBtn = createButton(
-         'Доступність ',
+         'Доступність ♿',
 ,
          function () {
@@ Рядок 54: / Рядок 71: @@
                  $('body').addClass('accessibility-mode');
                  localStorage.setItem('accessibilityMode', 'on');
-                 $accessBtn.css('background', '#ff6600'); // Зміна кольору кнопки при ввімкненні
+                 $accessBtn.css('background', '#ff6600');
+                $accessBtn.text('Доступність ♿ ON');
              } else {
                  $('body').removeClass('accessibility-mode');
                  localStorage.setItem('accessibilityMode', 'off');
-                 $accessBtn.css('background', '#1a73e8'); // Повернення нормального кольору
+                 $accessBtn.css('background', '#1a73e8');
+                $accessBtn.text('Доступність ♿ OFF');
              }
+            // Застосовуємо розмір шрифту після зміни режиму
+            applyFontSize();
          },
          'Увімкнути/вимкнути режим доступності'
@@ Рядок 68: / Рядок 89: @@
          $('body').addClass('accessibility-mode');
          $accessBtn.css('background', '#ff6600');
+        $accessBtn.text('Доступність ♿ ON');
      }
-     // Лупа
+     // Лупа - ТЕПЕР ПРАЦЮЄ В РЕЖИМІ ДОСТУПНОСТІ
-    var fontSize = parseInt($('body').css('font-size'), 10);
      createButton('🔍 +', 130, function () {
          fontSize += 2;
-         $('body').css('font-size', fontSize + 'px');
+         if (fontSize > 30) fontSize = 30; // Максимальний розмір
          localStorage.setItem('fontSize', fontSize);
+        applyFontSize(); // Застосовуємо з урахуванням режиму
      }, 'Збільшити шрифт');
      createButton('🔍 -', 170, function () {
          fontSize -= 2;
-         if (fontSize < 12) fontSize = 12;
+         if (fontSize < 12) fontSize = 12; // Мінімальний розмір
-        $('body').css('font-size', fontSize + 'px');
          localStorage.setItem('fontSize', fontSize);
+        applyFontSize(); // Застосовуємо з урахуванням режиму
      }, 'Зменшити шрифт');
+    // Відновлення розміру шрифту при завантаженні
      if (localStorage.getItem('fontSize')) {
          fontSize = parseInt(localStorage.getItem('fontSize'), 10);
-        $('body').css('font-size', fontSize + 'px');
      }
+    applyFontSize(); // Застосовуємо початковий розмір
+    // Додатково: кнопка скидання шрифту
+    createButton('🔍 📏', 210, function () {
+        fontSize = 16; // Стандартний розмір
+        localStorage.setItem('fontSize', fontSize);
+        applyFontSize();
+    }, 'Скинути розмір шрифту');
 });