Модуль:CategoryMenu: различия между версиями

Интерактивная навигация по истории

← Предыдущая правка

@@ Строка 3: / Строка 3: @@
 function p.main(frame)
 	-- Подключение CSS файла
-	local cssLink = frame:extensionTag('templatestyles', '', { src = 'Шаблон:CategoryMenu/styles.css' })
+	local cssLink = frame:extensionTag('templatestyles', '', {
+		src = 'Шаблон:CategoryMenu/styles.css'
+	})
 	-- Функция для получения аргумента или значения по умолчанию
@@ Строка 52: / Строка 54: @@
 	local result = cssLink -- Подключение CSS в результат
-	result = result .. '<div class="category-menu">\n'
+	-- Внешний контейнер
+	result = result .. '<div class="navigation">\n'
-	-- Основной контейнер с меню и контентом
+	-- Кнопка для открытия/закрытия меню
-	result = result .. '<div class="main-container">\n'
+	result = result .. '<div class="navigation__menu-toggle">☰</div>\n'
+	-- Стрелки для переключения категорий
+	result = result .. '<div class="navigation__switcher">\n'
+	result = result .. '<div id="prev-category" class="navigation__arrow">❮</div>\n'
+	result = result .. '<div class="navigation__categories">\n'
+	-- Категории
+	if #categories > 0 then
+		for i, category in ipairs(categories) do
+			result = result .. '<div class="category' .. i .. '">' .. category.name .. '</div>\n'
+		end
+	end
+	result = result .. '</div>\n'
+	result = result .. '<div id="next-category" class="navigation__arrow">❯</div>\n'
+	result = result .. '</div>\n' -- Закрытие switcher
 	-- Меню
 	if #categories > 0 then
-		result = result .. '<div class="menu-container">\n'
+		result = result .. '<div class="navigation__menu-container short-scrollbar">\n'
-		-- Стрелки для переключения категорий
-		result = result .. '<div class="category-switcher">\n'
-		result = result .. '<div id="prev-category" class="arrow">❮</div>\n'
-		result = result .. '<div class="categories">\n'
-		-- Категории
-		if #categories > 0 then
-			for i, category in ipairs(categories) do
-				result = result .. '<div class="category' .. i .. '">' .. category.name .. '</div>\n'
-			end
-		end
-		result = result .. '</div>\n'
-		result = result .. '<div id="next-category" class="arrow">❯</div>\n'
-		result = result .. '</div>\n' -- Закрытие category-switcher
 		for i, category in ipairs(categories) do
 			if #category.paragraphs > 0 then
-				result = result .. '<div class="menu category' .. i .. '-menu">\n'
+				result = result .. '<div class="navigation__menu-item category' .. i .. '-menu">\n'
 				for j, paragraph in ipairs(category.paragraphs) do
-					result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '">' .. paragraph .. '</div>\n'
+					result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '">' .. paragraph ..'</div>\n'
 				end
 				result = result .. '</div>\n'
@@ Строка 88: / Строка 92: @@
 	-- Контент
 	if #categories > 0 then
-		result = result .. '<div class="content">\n'
+		result = result .. '<div class="navigation__content short-scrollbar">\n'
 		for i, category in ipairs(categories) do
 			if #category.contents > 0 then
 				for j, content in ipairs(category.contents) do
-					result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '-content">\n' .. content .. '</div>\n'
+					result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '-content">\n' .. content ..'</div>\n'
 				end
 			end
@@ Строка 99: / Строка 103: @@
 	end
-	result = result .. '</div>\n' -- Закрытие main-container
+	result = result .. '</div>\n' -- Закрытие navigation
-	result = result .. '</div>\n' -- Закрытие category-menu
-	-- Дополнительный CSS для scrollbar
-	result = result .. '<div class="customCSS" style="display:none">.content::-webkit-scrollbar, .menu-container::-webkit-scrollbar { width: 10px; } .content::-webkit-scrollbar-track, .menu-container::-webkit-scrollbar-track { background: #2c2c33; } .content::-webkit-scrollbar-thumb, .menu-container::-webkit-scrollbar-thumb { background: #5b5b67; border: 2px solid #2c2c33; }</div>'
 	return result