2206
редагувань
MediaWiki:Common.js: відмінності між версіями
feedback-віджет: розмітка на .k-btn/.k-input/.k-dialog
Admin (обговорення | внесок) (krai-feedback: інпути в стилі сайту, без радіо) |
Admin (обговорення | внесок) (feedback-віджет: розмітка на .k-btn/.k-input/.k-dialog) |
||
| Рядок 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>' + | ||