Шаблон:Рецепт: различия между версиями

← Предыдущая правка Следующая правка →

ВизуальныйВики-текст

@@ Строка 1: / Строка 1: @@
-<includeonly><div id="{{{id|{{{название|}}}}}}" style="background:#22252a; border:1px solid #14181f; border-radius:4px; color:#e6edf3; font-family:sans-serif; overflow:hidden; display:flex; flex-direction:column; width:100%; box-sizing:border-box; height:100%;">
+<includeonly><div id="{{{id|}}}" style="background:#22252a; border:1px solid #14181f; border-radius:4px; color:#e6edf3; font-family:sans-serif; overflow:hidden; display:flex; flex-direction:column; width:100%; box-sizing:border-box; height:100%;">
 <div style="background:{{{цвет|#363b46}}}; padding:10px; font-weight:bold; text-align:center; color:#fff; font-size:14px; display:flex; align-items:center; justify-content:center; gap:8px;">{{{иконка|🍲}}} {{{название}}}</div>
-<div class="mw-collapsible mw-collapsed" data-expandtext="Развернуть" data-collapsetext="Свернуть" style="margin:0; padding:0; flex-grow:1;">
+<div style="flex-grow:1; display:flex; flex-direction:column;">
-<div style="background:#2a3446; padding:8px 10px; color:#8ab4f8; font-weight:bold; font-size:13px; display:flex; justify-content:space-between; align-items:center;">
+<input type="checkbox" id="check-{{{id|}}}" style="display:none !important;">
+<label for="check-{{{id|}}}" style="background:#2a3446; padding:8px 10px; color:#8ab4f8; font-weight:bold; font-size:13px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; outline:none !important; margin:0; user-select:none; -webkit-user-select:none;">
 <span>Рецепт</span>
-<span class="mw-collapsible-toggle" style="float:none; font-weight:normal; font-size:11px; background:rgba(255,255,255,0.1); padding:2px 6px; border-radius:4px; color:#fff; text-decoration:none; outline:none !important; box-shadow:none !important; border:none !important; cursor:pointer;"></span>
+<span style="font-weight:normal; font-size:11px; background:rgba(255,255,255,0.1); padding:2px 6px; border-radius:4px; color:#fff; outline:none !important;">
-</div>
+<span class="show-btn">Развернуть</span>
-<div class="mw-collapsible-content" style="padding:10px; border-top:1px solid #14181f; background:#22252a;">
+<span class="hide-btn" style="display:none;">Свернуть</span>
+</span>
+</label>
+<div class="recipe-content" style="display:none; padding:10px; border-top:1px solid #14181f; background:#22252a;">
 <div style="color:#a0aab5; font-size:11px; text-transform:uppercase; margin-bottom:8px; font-weight:bold; letter-spacing:1px;">Реагенты</div>
 <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">{{{ингредиенты}}}</div>

Версия от 21:11, 20 октября 2026