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

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

@@ Рядок 1: / Рядок 1: @@
-/* Розміщений тут код JavaScript буде завантажений всім користувачам при зверненні до будь-якої сторінки */
 $(function () {
-    // Доступні теми та їхні CSS
      var themes = {
          light: '/w/index.php?title=MediaWiki:Light.css&action=raw&ctype=text/css',
@@ Рядок 8: / Рядок 5: @@
      };
-    // Зчитуємо збережену тему
      var theme = localStorage.getItem('selectedTheme');
-    // Якщо тема ще не збережена → визначаємо за налаштуванням ОС
      if (!theme) {
          theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
      }
-    // Підключаємо CSS вибраної теми
      if (themes[theme]) {
          mw.loader.load(themes[theme], 'text/css');
      }
-    // Створюємо кнопку перемикача
      var $btn = $('<button>')
-         .text(theme === 'dark' ? ' Світла тема ☀️' : ' Темна тема 🌙')
+         .text(theme === 'dark' ? 'Світла тема ☀️' : 'Темна тема 🌙')
          .attr('title', 'Змінити тему')
          .css({
@@ Рядок 29: / Рядок 22: @@
              bottom: '10px',
              right: '10px',
-            width: '50px',
+             padding: '10px 16px',  // більше простору для тексту
-            height: '50px',
-             padding: '0',
              border: 'none',
-             borderRadius: '50%',   // робимо кнопку круглою
+             borderRadius: '25px',  // овальна форма
-             background: '#1a73e8', // синій колір фону
+             background: '#1a73e8',
-             color: '#ffffff',       // білий текст
+             color: '#ffffff',
              fontWeight: 'bold',
              fontSize: '14px',
@@ Рядок 41: / Рядок 32: @@
              zIndex: 9999,
              textAlign: 'center',
-            lineHeight: '50px',    // щоб текст був по центру вертикально
+             boxShadow: '0 2px 6px rgba(0,0,0,0.3)',
-             boxShadow: '0 2px 6px rgba(0,0,0,0.3)'
+            whiteSpace: 'nowrap'  // текст не переноситься
          })
          .click(function () {
-            // Перемикаємо тему
              var newTheme = theme === 'dark' ? 'light' : 'dark';
              localStorage.setItem('selectedTheme', newTheme);