Країнопедія - Нові редагування [uk]

MediaWiki:Common.js

Admin — Mon, 03 Aug 2026 00:14:51 GMT

Аналітика: Matomo-трекер замість простого beacon (cookieless, DNT)

← Попередня версія		Версія за 03:14, 3 серпня 2026
(Не показано одну проміжну версію цього користувача)
Рядок 529:		Рядок 529:
	});		});
	/* === /krai-feedback === */		/* === /krai-feedback === */

			/* === Країнопедія: Matomo (self-host /matomo/, cookieless, поважає DNT) === */
			var _paq = window._paq = window._paq \|\| [];
			_paq.push(["disableCookies"]);
			_paq.push(["setDoNotTrack", true]);
			_paq.push(["trackPageView"]);
			_paq.push(["enableLinkTracking"]);
			(function () {
			var u = "//nomadica.uno/matomo/";
			_paq.push(["setTrackerUrl", u + "matomo.php"]);
			_paq.push(["setSiteId", "1"]);
			var d = document, g = d.createElement("script"), s = d.getElementsByTagName("script")[0];
			g.async = true; g.src = u + "matomo.js"; s.parentNode.insertBefore(g, s);
			})();
			/* === /Matomo === */

MediaWiki:Common.css

Admin — Sun, 02 Aug 2026 23:21:43 GMT

Картки: повна консолідація (заголовки→ink, тіні→shadow-токени, CTA/meta/лінки→токени)

Показати зміни

MediaWiki:Common.js

Admin — Sun, 02 Aug 2026 16:59:54 GMT

попап правок: .k-field/.k-form розмітка, більший геп

← Попередня версія		Версія за 19:59, 2 серпня 2026
Рядок 436:		Рядок 436:
	'<h2 id="krai-fb-title" class="krai-fb-title">Запропонувати правку</h2>' +		'<h2 id="krai-fb-title" class="krai-fb-title">Запропонувати правку</h2>' +
	'<p class="krai-fb-sub">Помітили неточність або застарілі дані? Напишіть — ми перевіримо й оновимо. Дякуємо 💛</p>' +		'<p class="krai-fb-sub">Помітили неточність або застарілі дані? Напишіть — ми перевіримо й оновимо. Дякуємо 💛</p>' +
	'<form class="krai-fb-form">' +		'<form class="krai-fb-form k-form">' +
	'<label class="~~krai-fb~~-label">Цитата / фрагмент <span>(необов’язково)</span>' +		'<div class="k-field">' +
			'<label class="k-label">Цитата / фрагмент <span>(необов’язково)</span></label>' +
	'<textarea class="k-textarea" name="fragment" rows="2" placeholder="Місце, якого стосується правка"></textarea>' +		'<textarea class="k-textarea" name="fragment" rows="2" placeholder="Місце, якого стосується правка"></textarea>' +
	'</~~label~~>' +		'</div>' +
	'<label class="~~krai-fb~~-label">Що не так або що виправити?' +		'<div class="k-field">' +
			'<label class="k-label">Що не так або що виправити?</label>' +
	'<textarea class="k-textarea" name="comment" rows="4" placeholder="Опишіть коротко"></textarea>' +		'<textarea class="k-textarea" name="comment" rows="4" placeholder="Опишіть коротко"></textarea>' +
	'</~~label~~>' +		'</div>' +
	'<label class="~~krai-fb~~-label">Контакт <span>(необов’язково, якщо треба відповідь)</span>' +		'<div class="k-field">' +
	'<input type="text" class="k-input" name="contact" placeholder="Email або @Telegram"></~~label~~>' +		'<label class="k-label">Контакт <span>(необов’язково, якщо треба відповідь)</span></label>' +
			'<input type="text" class="k-input" name="contact" placeholder="Email або @Telegram">' +
			'</div>' +
	'<input type="text" name="website" class="krai-fb-hp" tabindex="-1" autocomplete="off" aria-hidden="true">' +		'<input type="text" name="website" class="krai-fb-hp" tabindex="-1" autocomplete="off" aria-hidden="true">' +
	'<div class="krai-fb-actions">' +		'<div class="krai-fb-actions">' +

MediaWiki:Common.css

Admin — Sun, 02 Aug 2026 16:59:54 GMT

UI Kit: компонент .k-field/.k-form (лейбл+інпут, регульований геп); попап правок на них

← Попередня версія		Версія за 19:59, 2 серпня 2026
Рядок 2123:		Рядок 2123:
	.k-pill--yellow{background:rgba(248,176,32,.16);color:#9a6a00}		.k-pill--yellow{background:rgba(248,176,32,.16);color:#9a6a00}
	.k-pill--teal{background:rgba(0,184,152,.14);color:#067a64}		.k-pill--teal{background:rgba(0,184,152,.14);color:#067a64}

			.k-form{display:flex;flex-direction:column;gap:var(--k-space-5)} /* геп між полями — регулюється тут */
			.k-field{display:flex;flex-direction:column;gap:var(--k-space-2)} /* геп лейбл → інпут */
			.k-label{font:var(--k-fw-medium) var(--k-fs-sm)/var(--k-lh-base) var(--k-font-sans);color:var(--k-text-secondary)}
			.k-label span{font-weight:var(--k-fw-normal);color:var(--k-text-hint)}
	/* === /krai-uikit === */		/* === /krai-uikit === */

Рядок 2136:		Рядок 2141:
	.krai-fb-title{margin:0 0 4px;font-size:20px;color:var(--k-ink);border:none;padding:0}		.krai-fb-title{margin:0 0 4px;font-size:20px;color:var(--k-ink);border:none;padding:0}
	.krai-fb-sub{margin:0 0 14px;font-size:13px;color:var(--k-text-muted)}		.krai-fb-sub{margin:0 0 14px;font-size:13px;color:var(--k-text-muted)}
	~~.krai-fb-form label.krai-fb-label{display:block;font-size:13px;font-weight:600;margin:12px 0 4px;color:var(--k-text-secondary)}~~
	~~.krai-fb-label span{font-weight:400;color:var(--k-text-hint)}~~
	.krai-fb-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}		.krai-fb-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
	.krai-fb-actions{display:flex;justify-content:flex-end;gap:10px~~;margin-top:16px~~}		.krai-fb-actions{display:flex;justify-content:flex-end;gap:10px}
	.krai-fb-msg{~~margin-top:10px;~~font-size:13px;min-height:1em}		.krai-fb-msg{font-size:13px;min-height:1em}
	.krai-fb-msg.is-ok{color:var(--k-success)}		.krai-fb-msg.is-ok{color:var(--k-success)}
	.krai-fb-msg.is-err{color:var(--k-danger)}		.krai-fb-msg.is-err{color:var(--k-danger)}
	/* === /krai-feedback === */		/* === /krai-feedback === */

MediaWiki:Common.js

Admin — Sun, 02 Aug 2026 16:55:43 GMT

feedback: кнопка «Знайшли неточність?», мікроменю «Запропонувати правку»

← Попередня версія		Версія за 19:55, 2 серпня 2026
Рядок 376:		Рядок 376:
	btn.type = "button";		btn.type = "button";
	btn.className = "k-btn k-btn--quiet krai-fb-btn";		btn.className = "k-btn k-btn--quiet krai-fb-btn";
	btn.textContent = "✏️ ~~Повідомити про правку~~";		btn.textContent = "✏️ Знайшли неточність?";
	document.body.appendChild(btn);		document.body.appendChild(btn);
	btn.addEventListener("click", function () { openModal(); });		btn.addEventListener("click", function () { openModal(); });
Рядок 385:		Рядок 385:
	tip.type = "button";		tip.type = "button";
	tip.className = "k-btn k-btn--quiet krai-fb-tip";		tip.className = "k-btn k-btn--quiet krai-fb-tip";
	tip.textContent = "✏️ ~~Повідомити про~~ правку";		tip.textContent = "✏️ Запропонувати правку";
	tip.style.display = "none";		tip.style.display = "none";
	document.body.appendChild(tip);		document.body.appendChild(tip);
Рядок 434:		Рядок 434:
	'<div class="k-dialog krai-fb-modal" role="dialog" aria-modal="true" aria-labelledby="krai-fb-title">' +		'<div class="k-dialog krai-fb-modal" role="dialog" aria-modal="true" aria-labelledby="krai-fb-title">' +
	'<button type="button" class="krai-fb-close" aria-label="Закрити">×</button>' +		'<button type="button" class="krai-fb-close" aria-label="Закрити">×</button>' +
	'<h2 id="krai-fb-title" class="krai-fb-title">~~Повідомити про~~ правку</h2>' +		'<h2 id="krai-fb-title" class="krai-fb-title">Запропонувати правку</h2>' +
	'<p class="krai-fb-sub">Помітили неточність або застарілі дані? Напишіть — ми перевіримо й оновимо. Дякуємо 💛</p>' +		'<p class="krai-fb-sub">Помітили неточність або застарілі дані? Напишіть — ми перевіримо й оновимо. Дякуємо 💛</p>' +
	'<form class="krai-fb-form">' +		'<form class="krai-fb-form">' +

MediaWiki:Common.css

Admin — Sun, 02 Aug 2026 16:47:23 GMT

feedback-віджет: біла кнопка override

← Попередня версія		Версія за 19:47, 2 серпня 2026
Рядок 2127:		Рядок 2127:
	/* === Країнопедія: віджет «Повідомити про правку» (krai-feedback) — на UI Kit === */		/* === Країнопедія: віджет «Повідомити про правку» (krai-feedback) — на UI Kit === */
	/* Кольори/радіуси/тіні — з токенів --k-. Тут лише layout/позиціонування. /		/* Кольори/радіуси/тіні — з токенів --k-. Тут лише layout/позиціонування. /
	.krai-fb-btn{position:fixed;right:16px;bottom:16px;z-index:1000;box-shadow:var(--k-shadow-2)}		.krai-fb-btn{position:fixed;right:16px;bottom:16px;z-index:var(--k-z-fixed,1000);background:var(--k-bg);color:var(--k-ink);box-shadow:var(--k-shadow-2)}
	@media(max-width:640px){.krai-fb-btn{right:10px;bottom:10px}}		@media(max-width:640px){.krai-fb-btn{right:10px;bottom:10px}}
	.krai-fb-tip{position:absolute;z-index:1002;padding:6px 12px;font-size:13px;box-shadow:var(--k-shadow-2);white-space:nowrap}		.krai-fb-tip{position:absolute;z-index:var(--k-z-tip,1002);padding:6px 12px;font-size:13px;background:var(--k-bg);color:var(--k-ink);box-shadow:var(--k-shadow-2);white-space:nowrap}
	.krai-fb-overlay{display:none;position:fixed;inset:0;z-index:1001;background:rgba(26,34,64,.5);align-items:center;justify-content:center;padding:16px}		.krai-fb-overlay{display:none;position:fixed;inset:0;z-index:1001;background:rgba(26,34,64,.5);align-items:center;justify-content:center;padding:16px}
	.krai-fb-overlay.is-open{display:flex}		.krai-fb-overlay.is-open{display:flex}

MediaWiki:Common.js

Admin — Sun, 02 Aug 2026 16:47:22 GMT

feedback-віджет: біла кнопка (quiet)

← Попередня версія		Версія за 19:47, 2 серпня 2026
Рядок 375:		Рядок 375:
	btn.id = "krai-fb-btn";		btn.id = "krai-fb-btn";
	btn.type = "button";		btn.type = "button";
	btn.className = "k-btn k-btn--~~primary~~ krai-fb-btn";		btn.className = "k-btn k-btn--quiet krai-fb-btn";
	btn.textContent = "✏️ Повідомити про правку";		btn.textContent = "✏️ Повідомити про правку";
	document.body.appendChild(btn);		document.body.appendChild(btn);
Рядок 384:		Рядок 384:
	tip.id = "krai-fb-tip";		tip.id = "krai-fb-tip";
	tip.type = "button";		tip.type = "button";
	tip.className = "k-btn k-btn--~~primary~~ krai-fb-tip";		tip.className = "k-btn k-btn--quiet krai-fb-tip";
	tip.textContent = "✏️ Повідомити про правку";		tip.textContent = "✏️ Повідомити про правку";
	tip.style.display = "none";		tip.style.display = "none";

MediaWiki:Common.css

Admin — Sun, 02 Aug 2026 16:05:32 GMT

UI Kit: розширені токени (spacing/radii/shadow/typography/z)

← Попередня версія		Версія за 19:05, 2 серпня 2026
Рядок 2058:		Рядок 2058:
	.service-card__row--cnas {		.service-card__row--cnas {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%234b5563%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M12.516%202.17a.75.75%200%2000-1.032%200%2011.209%2011.209%200%2001-7.877%203.08.75.75%200%2000-.722.515A12.74%2012.74%200%20002.25%209.75c0%205.942%204.064%2010.933%209.563%2012.348a.749.749%200%2000.374%200C17.686%2020.683%2021.75%2015.692%2021.75%209.75c0-1.44-.24-2.83-.678-4.128a.75.75%200%2000-.722-.515%2011.209%2011.209%200%2001-7.834-3.08zM15.53%209.53a.75.75%200%2000-1.06-1.06l-3.97%203.97-1.47-1.47a.75.75%200%2000-1.06%201.06l2%202a.75.75%200%20001.06%200l4.5-4.5z%27%20clip-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E");		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%234b5563%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M12.516%202.17a.75.75%200%2000-1.032%200%2011.209%2011.209%200%2001-7.877%203.08.75.75%200%2000-.722.515A12.74%2012.74%200%20002.25%209.75c0%205.942%204.064%2010.933%209.563%2012.348a.749.749%200%2000.374%200C17.686%2020.683%2021.75%2015.692%2021.75%209.75c0-1.44-.24-2.83-.678-4.128a.75.75%200%2000-.722-.515%2011.209%2011.209%200%2001-7.834-3.08zM15.53%209.53a.75.75%200%2000-1.06-1.06l-3.97%203.97-1.47-1.47a.75.75%200%2000-1.06%201.06l2%202a.75.75%200%20001.06%200l4.5-4.5z%27%20clip-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E");
	}/* Країнопедія — дизайн-токени + house-компоненти (~~ПРОПОЗИЦІЯ, ще не залито~~).		}/* === Країнопедія UI Kit: дизайн-токени + house-компоненти === */
	~~Джерело правди для кольору~~/~~радіусів~~/~~тіней~~. ~~Мета: 43 hex~~ → ~~~14 токенів~~, ~~8 радіусів → 3~~. */		/* ЄДИНЕ ДЖЕРЕЛО ПРАВДИ. Живе в MediaWiki:Common.css (сайт) і віддзеркалюється
			на сторінці https://nomadica.uno/uikit/ (вона вантажить цей же Common.css живим).
			Правиш тут → міняється і сайт, і кіт. */
	:root{		:root{
	/* — Бренд-мотив (чотири кольори смугастих банерів) — */		/* — Бренд-мотив (чотири кольори смугастих банерів) — */
	--k-brand-blue:#1070b0;		--k-brand-blue:#1070b0; --k-brand-red:#f84840; --k-brand-yellow:#f8b020; --k-brand-teal:#00b898;
	--k-brand-red:#f84840;
	--k-brand-yellow:#f8b020;
	--k-brand-teal:#00b898;

	/* — Дієві / семантичні — */		/* — Дієві / семантичні — */
	--k-accent:#2a6df4; ~~/* лінки, первинні кнопки, фокус */~~		--k-accent:#2a6df4; --k-accent-hover:#1b57cc;
	--k-accent-hover:#1b57cc;		--k-danger:#f84840; --k-success:#00b898; --k-warning:#f8b020;
	--k-danger:#f84840; ~~/* = brand-red; поглинає #e63a32 #d92c1c */~~
	--k-success:#00b898;
	--k-warning:#f8b020;

	/* — Чорнило / текст — */		/* — Чорнило / текст — */
	--k-ink:#1a2240; ~~/* заголовки, hero */~~		--k-ink:#1a2240; --k-text:#202122; --k-text-secondary:#374151; --k-text-muted:#6b7280; --k-text-hint:#9ca3af;
	--k-text:#202122; ~~/* основний текст */~~
	--k-text-secondary:#374151; ~~/* лейбли форм */~~
	--k-text-muted:#6b7280; ~~/* підзаголовки, описи */~~
	--k-text-hint:#9ca3af; ~~/* плейсхолдери, дрібні підказки */~~

	/* — Поверхні / межі — */		/* — Поверхні / межі — */
	--k-bg:#ffffff;		--k-bg:#ffffff; --k-bg-subtle:#fafbfd; --k-border:#eef1f6; --k-border-strong:#e3e7ef;
	--k-bg-subtle:#fafbfd; ~~/* фон інпутів/карток; поглинає #f8fafc #f9fafc #f5f7fb… */~~
	--k-border:#eef1f6; ~~/* поглинає #eef1f7 #eef0f4 #e8eef7 */~~
	--k-border-strong:#e3e7ef;

	~~/* — Радіуси — */~~
	~~--k-radius-sm:8px; /* інпути, кнопки */~~
	~~--k-radius-md:14px; /* картки, діалоги */~~
	~~--k-radius-pill:999px; /* пігулки, теги */~~

			/* — Скруглення — */
			--k-radius-xs:6px; --k-radius-sm:8px; --k-radius-md:14px; --k-radius-lg:20px; --k-radius-pill:999px;
	/* — Тіні — */		/* — Тіні — */
	--k-shadow-1:0 1px 3px rgba(26,34,64,.08); ~~/* картки */~~		--k-shadow-1:0 1px 3px rgba(26,34,64,.08);
	--k-shadow-2:0 8px 30px rgba(26,34,64,.16); ~~/* діалоги/оверлеї */~~		--k-shadow-2:0 8px 30px rgba(26,34,64,.16);
			--k-shadow-3:0 16px 50px rgba(26,34,64,.22);
	/* — ~~Крок відступів~~ — */		/* — Відступи / гепи (крок 4px) — */
	--k-space-1:4px; --k-space-2:8px; --k-space-3:12px; --k-space-4:16px; --k-space-6:24px;		--k-space-0:0; --k-space-1:4px; --k-space-2:8px; --k-space-3:12px; --k-space-4:16px;
			--k-space-5:20px; --k-space-6:24px; --k-space-8:32px; --k-space-10:40px; --k-space-12:48px;
			/* — Типографіка — */
			--k-font-sans:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
			--k-fs-xs:12px; --k-fs-sm:13px; --k-fs-base:14px; --k-fs-md:16px; --k-fs-lg:20px; --k-fs-xl:24px; --k-fs-2xl:30px;
			--k-fw-normal:400; --k-fw-medium:600; --k-fw-bold:700;
			--k-lh-tight:1.2; --k-lh-base:1.5; --k-lh-relaxed:1.7;
			/* — Шари (z-index) — */
			--k-z-fixed:1000; --k-z-overlay:1001; --k-z-tip:1002;
	}		}

	/* ——— Компоненти ——— */		/* ——— Компоненти (розширюємо під приклад Александра) ——— */
	.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:~~6px~~;		.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--k-space-2);
	font:~~600 14px~~/~~1.2 inherit~~;padding:~~8px 16px~~;border-radius:var(--k-radius-pill);		font:var(--k-fw-medium) var(--k-fs-base)/var(--k-lh-tight) var(--k-font-sans);padding:var(--k-space-2) var(--k-space-4);
	border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}		border-radius:var(--k-radius-pill);border:1px solid transparent;cursor:pointer;
			transition:background .15s,border-color .15s,box-shadow .15s}
	.k-btn--primary{background:var(--k-accent);color:#fff}		.k-btn--primary{background:var(--k-accent);color:#fff}
	.k-btn--primary:hover{background:var(--k-accent-hover)}		.k-btn--primary:hover{background:var(--k-accent-hover)}
Рядок 2113:		Рядок 2105:
	.k-input,.k-textarea{width:100%;box-sizing:border-box;background:var(--k-bg-subtle);		.k-input,.k-textarea{width:100%;box-sizing:border-box;background:var(--k-bg-subtle);
	border:1px solid var(--k-border);border-radius:var(--k-radius-sm);padding:9px 11px;		border:1px solid var(--k-border);border-radius:var(--k-radius-sm);padding:9px 11px;
	font:~~14px~~/~~1.4 inherit~~;color:var(--k-text);transition:border-color .15s,background .15s,box-shadow .15s}		font:var(--k-fs-base)/var(--k-lh-base) var(--k-font-sans);color:var(--k-text);
			transition:border-color .15s,background .15s,box-shadow .15s}
	.k-input::placeholder,.k-textarea::placeholder{color:var(--k-text-hint)}		.k-input::placeholder,.k-textarea::placeholder{color:var(--k-text-hint)}
	.k-input:focus,.k-textarea:focus{outline:none;background:var(--k-bg);		.k-input:focus,.k-textarea:focus{outline:none;background:var(--k-bg);
Рядок 2122:		Рядок 2115:
	.k-card:hover{transform:translateY(-2px);box-shadow:var(--k-shadow-2)}		.k-card:hover{transform:translateY(-2px);box-shadow:var(--k-shadow-2)}

	.k-dialog{background:var(--k-bg);border-radius:var(--k-radius-md);box-shadow:var(--k-shadow-2);		.k-dialog{background:var(--k-bg);border-radius:var(--k-radius-md);box-shadow:var(--k-shadow-2);padding:20px 22px}
	padding:20px 22px}

	.k-pill{display:inline-flex;align-items:center;gap:~~6px~~;padding:~~4px 10px~~;		.k-pill{display:inline-flex;align-items:center;gap:var(--k-space-1);padding:var(--k-space-1) var(--k-space-3);
	border-radius:var(--k-radius-pill);font:~~600 12px~~/~~1.2 inherit~~}		border-radius:var(--k-radius-pill);font:var(--k-fw-medium) var(--k-fs-xs)/var(--k-lh-tight) var(--k-font-sans)}
	.k-pill--blue{background:rgba(16,112,176,.12);color:var(--k-brand-blue)}		.k-pill--blue{background:rgba(16,112,176,.12);color:var(--k-brand-blue)}
	.k-pill--red{background:rgba(248,72,64,.12);color:var(--k-danger)}		.k-pill--red{background:rgba(248,72,64,.12);color:var(--k-danger)}
	.k-pill--yellow{background:rgba(248,176,32,.16);color:#9a6a00}		.k-pill--yellow{background:rgba(248,176,32,.16);color:#9a6a00}
	.k-pill--teal{background:rgba(0,184,152,.14);color:#067a64}		.k-pill--teal{background:rgba(0,184,152,.14);color:#067a64}
			/* === /krai-uikit === */

	/* === Країнопедія: віджет «Повідомити про правку» (krai-feedback) — на UI Kit === */		/* === Країнопедія: віджет «Повідомити про правку» (krai-feedback) — на UI Kit === */

MediaWiki:Common.js

Admin — Sun, 02 Aug 2026 15:03:16 GMT

feedback-віджет: розмітка на .k-btn/.k-input/.k-dialog

← Попередня версія		Версія за 18:03, 2 серпня 2026
Рядок 375:		Рядок 375:
	btn.id = "krai-fb-btn";		btn.id = "krai-fb-btn";
	btn.type = "button";		btn.type = "button";
	btn.className = "krai-fb-btn";		btn.className = "k-btn k-btn--primary krai-fb-btn";
	btn.textContent = "✏️ Повідомити про правку";		btn.textContent = "✏️ Повідомити про правку";
	document.body.appendChild(btn);		document.body.appendChild(btn);
Рядок 384:		Рядок 384:
	tip.id = "krai-fb-tip";		tip.id = "krai-fb-tip";
	tip.type = "button";		tip.type = "button";
	tip.className = "krai-fb-tip";		tip.className = "k-btn k-btn--primary krai-fb-tip";
	tip.textContent = "✏️ Повідомити про правку";		tip.textContent = "✏️ Повідомити про правку";
	tip.style.display = "none";		tip.style.display = "none";
Рядок 432:		Рядок 432:
	overlay.className = "krai-fb-overlay";		overlay.className = "krai-fb-overlay";
	overlay.innerHTML =		overlay.innerHTML =
	'<div class="krai-fb-modal" role="dialog" aria-modal="true" aria-labelledby="krai-fb-title">' +		'<div class="k-dialog krai-fb-modal" role="dialog" aria-modal="true" aria-labelledby="krai-fb-title">' +
	'<button type="button" class="krai-fb-close" aria-label="Закрити">×</button>' +		'<button type="button" class="krai-fb-close" aria-label="Закрити">×</button>' +
	'<h2 id="krai-fb-title" class="krai-fb-title">Повідомити про правку</h2>' +		'<h2 id="krai-fb-title" class="krai-fb-title">Повідомити про правку</h2>' +
Рядок 438:		Рядок 438:
	'<form class="krai-fb-form">' +		'<form class="krai-fb-form">' +
	'<label class="krai-fb-label">Цитата / фрагмент <span>(необов’язково)</span>' +		'<label class="krai-fb-label">Цитата / фрагмент <span>(необов’язково)</span>' +
	'<textarea name="fragment" rows="2" placeholder="Місце, якого стосується правка"></textarea>' +		'<textarea class="k-textarea" name="fragment" rows="2" placeholder="Місце, якого стосується правка"></textarea>' +
	'</label>' +		'</label>' +
	'<label class="krai-fb-label">Що не так або що виправити?' +		'<label class="krai-fb-label">Що не так або що виправити?' +
	'<textarea name="comment" rows="4" placeholder="Опишіть коротко"></textarea>' +		'<textarea class="k-textarea" name="comment" rows="4" placeholder="Опишіть коротко"></textarea>' +
	'</label>' +		'</label>' +
	'<label class="krai-fb-label">Контакт <span>(необов’язково, якщо треба відповідь)</span>' +		'<label class="krai-fb-label">Контакт <span>(необов’язково, якщо треба відповідь)</span>' +
	'<input type="text" name="contact" placeholder="Email або @Telegram"></label>' +		'<input type="text" class="k-input" name="contact" placeholder="Email або @Telegram"></label>' +
	'<input type="text" name="website" class="krai-fb-hp" tabindex="-1" autocomplete="off" aria-hidden="true">' +		'<input type="text" name="website" class="krai-fb-hp" tabindex="-1" autocomplete="off" aria-hidden="true">' +
	'<div class="krai-fb-actions">' +		'<div class="krai-fb-actions">' +
	'<button type="button" class="krai-fb-cancel">Скасувати</button>' +		'<button type="button" class="k-btn k-btn--quiet krai-fb-cancel">Скасувати</button>' +
	'<button type="submit" class="krai-fb-submit">Надіслати</button>' +		'<button type="submit" class="k-btn k-btn--primary krai-fb-submit">Надіслати</button>' +
	'</div>' +		'</div>' +
	'<div class="krai-fb-msg" aria-live="polite"></div>' +		'<div class="krai-fb-msg" aria-live="polite"></div>' +

MediaWiki:Common.css

Admin — Sun, 02 Aug 2026 15:03:15 GMT

UI Kit шар (токени + .k-компоненти) + віджет feedback мігровано на кіт

Показати зміни

MediaWiki:Common.js

Admin — Sun, 02 Aug 2026 08:57:36 GMT

krai-feedback: інпути в стилі сайту, без радіо

← Попередня версія		Версія за 11:57, 2 серпня 2026
Рядок 437:		Рядок 437:
	'<p class="krai-fb-sub">Помітили неточність або застарілі дані? Напишіть — ми перевіримо й оновимо. Дякуємо 💛</p>' +		'<p class="krai-fb-sub">Помітили неточність або застарілі дані? Напишіть — ми перевіримо й оновимо. Дякуємо 💛</p>' +
	'<form class="krai-fb-form">' +		'<form class="krai-fb-form">' +
	~~'<div class="krai-fb-row krai-fb-kind">' +~~
	~~'<label><input type="radio" name="kind" value="fix" checked> Виправлення</label>' +~~
	~~'<label><input type="radio" name="kind" value="doubt"> Маю сумнів</label>' +~~
	~~'</div>' +~~
	'<label class="krai-fb-label">Цитата / фрагмент <span>(необов’язково)</span>' +		'<label class="krai-fb-label">Цитата / фрагмент <span>(необов’язково)</span>' +
	'<textarea name="fragment" rows="2" placeholder="Місце, якого стосується правка"></textarea>' +		'<textarea name="fragment" rows="2" placeholder="Місце, якого стосується правка"></textarea>' +
Рядок 501:		Рядок 497:
	data.append("page", mw.config.get("wgPageName") \|\| "");		data.append("page", mw.config.get("wgPageName") \|\| "");
	data.append("url", location.href);		data.append("url", location.href);
	data.append("kind", ~~(form.kind.value === "doubt") ? "doubt" :~~ "fix");		data.append("kind", "fix");
	data.append("fragment", fragment);		data.append("fragment", fragment);
	data.append("comment", comment);		data.append("comment", comment);

MediaWiki:Common.css

Admin — Sun, 02 Aug 2026 08:52:06 GMT

krai-feedback: стилі мікроменю

← Попередня версія		Версія за 11:52, 2 серпня 2026
Рядок 2063:		Рядок 2063:
	.krai-fb-btn:hover{background:#174ea6}		.krai-fb-btn:hover{background:#174ea6}
	@media(max-width:640px){.krai-fb-btn{right:10px;bottom:10px;padding:9px 13px;font-size:13px}}		@media(max-width:640px){.krai-fb-btn{right:10px;bottom:10px;padding:9px 13px;font-size:13px}}
			.krai-fb-tip{position:absolute;z-index:1002;background:#1e63d0;color:#fff;border:none;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:0 3px 12px rgba(0,0,0,.3);cursor:pointer;white-space:nowrap;line-height:1.2}
			.krai-fb-tip:hover{background:#174ea6}
	.krai-fb-overlay{display:none;position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.5);align-items:center;justify-content:center;padding:16px}		.krai-fb-overlay{display:none;position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.5);align-items:center;justify-content:center;padding:16px}
	.krai-fb-overlay.is-open{display:flex}		.krai-fb-overlay.is-open{display:flex}

MediaWiki:Common.js

Admin — Sun, 02 Aug 2026 08:52:06 GMT

krai-feedback: мікроменю над виділенням тексту

@@ Рядок 368: / Рядок 368: @@
      var loadedAt = Math.floor(Date.now() / 1000);            // ts фіксуємо на завантаженні (>3с завжди)
      var overlay = null;
      var btn = document.createElement("button");
      btn.id = "krai-fb-btn";
@@ Рядок 375: / Рядок 378: @@
      btn.textContent = "✏️ Повідомити про правку";
      document.body.appendChild(btn);
      function buildModal() {
@@ Рядок 412: / Рядок 464: @@
+     }
-     function openModal() {
+     function openModal(presetFragment) {
        if (!overlay) buildModal();
-       var sel = ((window.getSelection && window.getSelection().toString()) || "").trim();
+      var f = overlay.querySelector('textarea[name="fragment"]');
-       if (sel) {
+       var sel = presetFragment || ((window.getSelection && window.getSelection().toString()) || "").trim();
-        var f = overlay.querySelector('textarea[name="fragment"]');
+       if (sel && f && !f.value) f.value = sel.slice(0, 1000);
        overlay.classList.add("is-open");
        document.addEventListener("keydown", onEsc);
@@ Рядок 476: / Рядок 526: @@
          .then(function () { submitBtn.disabled = false; });
+     }
    });
 });
 /* === /krai-feedback === */

MediaWiki:Common.css

Admin — Sun, 02 Aug 2026 08:08:42 GMT

Стилі віджета «Повідомити про правку» (krai-feedback)

← Попередня версія		Версія за 11:08, 2 серпня 2026
Рядок 2059:		Рядок 2059:
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%234b5563%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M12.516%202.17a.75.75%200%2000-1.032%200%2011.209%2011.209%200%2001-7.877%203.08.75.75%200%2000-.722.515A12.74%2012.74%200%20002.25%209.75c0%205.942%204.064%2010.933%209.563%2012.348a.749.749%200%2000.374%200C17.686%2020.683%2021.75%2015.692%2021.75%209.75c0-1.44-.24-2.83-.678-4.128a.75.75%200%2000-.722-.515%2011.209%2011.209%200%2001-7.834-3.08zM15.53%209.53a.75.75%200%2000-1.06-1.06l-3.97%203.97-1.47-1.47a.75.75%200%2000-1.06%201.06l2%202a.75.75%200%20001.06%200l4.5-4.5z%27%20clip-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E");		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%234b5563%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M12.516%202.17a.75.75%200%2000-1.032%200%2011.209%2011.209%200%2001-7.877%203.08.75.75%200%2000-.722.515A12.74%2012.74%200%20002.25%209.75c0%205.942%204.064%2010.933%209.563%2012.348a.749.749%200%2000.374%200C17.686%2020.683%2021.75%2015.692%2021.75%209.75c0-1.44-.24-2.83-.678-4.128a.75.75%200%2000-.722-.515%2011.209%2011.209%200%2001-7.834-3.08zM15.53%209.53a.75.75%200%2000-1.06-1.06l-3.97%203.97-1.47-1.47a.75.75%200%2000-1.06%201.06l2%202a.75.75%200%20001.06%200l4.5-4.5z%27%20clip-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E");
	}		}
			/* === Країнопедія: віджет «Повідомити про правку» (krai-feedback) === */
			.krai-fb-btn{position:fixed;right:16px;bottom:16px;z-index:1000;background:#1e63d0;color:#fff;border:none;border-radius:24px;padding:10px 16px;font-size:14px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:pointer;line-height:1.2}
			.krai-fb-btn:hover{background:#174ea6}
			@media(max-width:640px){.krai-fb-btn{right:10px;bottom:10px;padding:9px 13px;font-size:13px}}
			.krai-fb-overlay{display:none;position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.5);align-items:center;justify-content:center;padding:16px}
			.krai-fb-overlay.is-open{display:flex}
			.krai-fb-modal{background:#fff;color:#202122;max-width:460px;width:100%;border-radius:12px;padding:20px 22px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:90vh;overflow:auto}
			.krai-fb-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:26px;line-height:1;color:#72777d;cursor:pointer}
			.krai-fb-title{margin:0 0 4px;font-size:20px;border:none;padding:0}
			.krai-fb-sub{margin:0 0 14px;font-size:13px;color:#54595d}
			.krai-fb-form label.krai-fb-label{display:block;font-size:13px;font-weight:600;margin:10px 0 0;color:#202122}
			.krai-fb-label span{font-weight:400;color:#72777d}
			.krai-fb-form textarea,.krai-fb-form input[type=text]{width:100%;box-sizing:border-box;margin-top:4px;padding:8px;border:1px solid #a2a9b1;border-radius:6px;font-size:14px;font-family:inherit}
			.krai-fb-kind{display:flex;gap:16px;margin-bottom:4px;font-size:14px;font-weight:600}
			.krai-fb-kind label{font-weight:600;cursor:pointer}
			.krai-fb-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
			.krai-fb-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
			.krai-fb-cancel{background:#f8f9fa;border:1px solid #a2a9b1;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:14px}
			.krai-fb-submit{background:#1e63d0;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:600}
			.krai-fb-submit:disabled{opacity:.6;cursor:default}
			.krai-fb-msg{margin-top:10px;font-size:13px;min-height:1em}
			.krai-fb-msg.is-ok{color:#14866d}
			.krai-fb-msg.is-err{color:#d33}
			/* === /krai-feedback === */

MediaWiki:Common.js

Admin — Sun, 02 Aug 2026 08:08:41 GMT

Віджет «Повідомити про правку» (krai-feedback)

← Попередня версія		Версія за 11:08, 2 серпня 2026
Рядок 358:		Рядок 358:
	});		});
	});		});
			/* === Країнопедія: віджет «Повідомити про правку» (krai-feedback) === */
			mw.loader.using(["mediawiki.util"], function () {
			$(function () {
			if (mw.config.get("wgNamespaceNumber") !== 0) return; // тільки статті
			if (mw.config.get("wgAction") !== "view") return; // тільки читання
			if (document.getElementById("krai-fb-btn")) return;

			var ENDPOINT = "/feedback.php";
			var loadedAt = Math.floor(Date.now() / 1000); // ts фіксуємо на завантаженні (>3с завжди)
			var overlay = null;

			var btn = document.createElement("button");
			btn.id = "krai-fb-btn";
			btn.type = "button";
			btn.className = "krai-fb-btn";
			btn.textContent = "✏️ Повідомити про правку";
			document.body.appendChild(btn);

			function buildModal() {
			overlay = document.createElement("div");
			overlay.className = "krai-fb-overlay";
			overlay.innerHTML =
			'<div class="krai-fb-modal" role="dialog" aria-modal="true" aria-labelledby="krai-fb-title">' +
			'<button type="button" class="krai-fb-close" aria-label="Закрити">×</button>' +
			'<h2 id="krai-fb-title" class="krai-fb-title">Повідомити про правку</h2>' +
			'<p class="krai-fb-sub">Помітили неточність або застарілі дані? Напишіть — ми перевіримо й оновимо. Дякуємо 💛</p>' +
			'<form class="krai-fb-form">' +
			'<div class="krai-fb-row krai-fb-kind">' +
			'<label><input type="radio" name="kind" value="fix" checked> Виправлення</label>' +
			'<label><input type="radio" name="kind" value="doubt"> Маю сумнів</label>' +
			'</div>' +
			'<label class="krai-fb-label">Цитата / фрагмент <span>(необов’язково)</span>' +
			'<textarea name="fragment" rows="2" placeholder="Місце, якого стосується правка"></textarea>' +
			'</label>' +
			'<label class="krai-fb-label">Що не так або що виправити?' +
			'<textarea name="comment" rows="4" placeholder="Опишіть коротко"></textarea>' +
			'</label>' +
			'<label class="krai-fb-label">Контакт <span>(необов’язково, якщо треба відповідь)</span>' +
			'<input type="text" name="contact" placeholder="Email або @Telegram"></label>' +
			'<input type="text" name="website" class="krai-fb-hp" tabindex="-1" autocomplete="off" aria-hidden="true">' +
			'<div class="krai-fb-actions">' +
			'<button type="button" class="krai-fb-cancel">Скасувати</button>' +
			'<button type="submit" class="krai-fb-submit">Надіслати</button>' +
			'</div>' +
			'<div class="krai-fb-msg" aria-live="polite"></div>' +
			'</form>' +
			'</div>';
			document.body.appendChild(overlay);
			overlay.addEventListener("click", function (e) { if (e.target === overlay) closeModal(); });
			overlay.querySelector(".krai-fb-close").addEventListener("click", closeModal);
			overlay.querySelector(".krai-fb-cancel").addEventListener("click", closeModal);
			overlay.querySelector(".krai-fb-form").addEventListener("submit", onSubmit);
			}

			function openModal() {
			if (!overlay) buildModal();
			var sel = ((window.getSelection && window.getSelection().toString()) \|\| "").trim();
			if (sel) {
			var f = overlay.querySelector('textarea[name="fragment"]');
			if (f && !f.value) f.value = sel.slice(0, 1000);
			}
			overlay.classList.add("is-open");
			document.addEventListener("keydown", onEsc);
			var c = overlay.querySelector('textarea[name="comment"]');
			if (c) c.focus();
			}

			function closeModal() {
			if (overlay) overlay.classList.remove("is-open");
			document.removeEventListener("keydown", onEsc);
			}

			function onEsc(e) { if (e.key === "Escape") closeModal(); }

			function onSubmit(e) {
			e.preventDefault();
			var form = e.target;
			var msg = form.querySelector(".krai-fb-msg");
			var comment = form.comment.value.trim();
			var fragment = form.fragment.value.trim();
			if (comment.length < 5 && !fragment) {
			msg.className = "krai-fb-msg is-err";
			msg.textContent = "Напишіть, будь ласка, кілька слів про правку.";
			return;
			}
			var submitBtn = form.querySelector(".krai-fb-submit");
			submitBtn.disabled = true;
			msg.className = "krai-fb-msg";
			msg.textContent = "Надсилаю…";

			var data = new FormData();
			data.append("page", mw.config.get("wgPageName") \|\| "");
			data.append("url", location.href);
			data.append("kind", (form.kind.value === "doubt") ? "doubt" : "fix");
			data.append("fragment", fragment);
			data.append("comment", comment);
			data.append("contact", form.contact.value.trim());
			data.append("website", form.website.value);
			data.append("ts", String(loadedAt));

			fetch(ENDPOINT, { method: "POST", body: data, credentials: "same-origin" })
			.then(function (r) { return r.json().catch(function () { return { ok: r.ok }; }); })
			.then(function (res) {
			if (res && res.ok) {
			form.reset();
			msg.className = "krai-fb-msg is-ok";
			msg.textContent = "Дякуємо! Ми перевіримо й оновимо. 💛";
			setTimeout(closeModal, 1800);
			} else {
			throw new Error((res && res.error) \|\| "err");
			}
			})
			.catch(function () {
			msg.className = "krai-fb-msg is-err";
			msg.textContent = "Не вдалося надіслати. Спробуйте ще раз трохи згодом.";
			})
			.then(function () { submitBtn.disabled = false; });
			}

			btn.addEventListener("click", openModal);
			});
			});
			/* === /krai-feedback === */