Шаблон:ItemSlot: различия между версиями

@@ Строка 23: / Строка 23: @@
    {{#if:{{{Изображение|}}}|
      <div class="item" style="width:100%;height:100%;position:relative;">
-       <div class="popup" style="display:none;position:absolute;z-index:10;background:#111;border:1px solid #444;padding:5px;width:200px;color:#ccc;">
+      [[Файл:{{{Изображение}}}|{{{Размер|64}}}px|link=]]
+       <div class="popup" style="display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:10;background:#111;border:1px solid #444;padding:5px;width:200px;color:#ccc;white-space:normal;">
          [[Файл:{{{Изображение}}}|25px|link=]]
          <span style="font-weight:500;">{{{Название|}}}</span><br/>
          <span style="font-weight:400;color:var(--color-base--subtle)">{{{Содержимое|}}}</span>
        </div>
-      [[Файл:{{{Изображение}}}|{{{Размер|64}}}px|link=]]
      </div>
      |
      <!-- пустой слот -->
    }}
-<script>
+  <style>
-const slot = document.currentScript.parentElement;
+    .item-slot:hover .popup { display:block; }
-const popup = slot.querySelector('.popup');
+   </style>
-if(popup){
-  slot.onmouseenter = () => popup.style.display = 'block';
-   slot.onmouseleave = () => popup.style.display = 'none';
-}
-</script>
 </div>
 </includeonly>

Версия от 11:02, 4 октября 2025