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

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

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

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

@@ Строка 1: / Строка 1: @@
 <div class="link-card--smuggling" tabindex="0">
-{{LinkСard
+{{LinkCard
-|image            = {{#if:{{{id|}}}|{{{id}}}.png|{{{Иконка}}}}}
+|изображение = [[Файл:{{#if:{{{id|}}}|{{{id}}}.png|{{{Иконка}}}}}|link=|64px]]
-|name             = {{#if:{{{id|}}}|{{#invoke:Entity Lookup|getname|{{{id}}}}}|{{{Название}}}}}
+|название    = {{#if:{{{id|}}}|{{#invoke:Entity Lookup|getname|{{{id}}}}}|{{{Название}}}}}
-|background-color = rgba(var(--color-lighter--rgb), 0.03)
+|фон         = rgba(var(--color-lighter--rgb), 0.04)
-|pin              = {{AttentionLevel|{{{Уровень}}}|1}}
+|пин         = {{AttentionLevel|{{{Уровень}}}|1}}
-|link             =
+|ссылка      =
 }}</div>
 <div class="link-card--smuggling-menu">
-<div class="link-card--smuggling-menu__header">
+{{GradientHeaderFrame/Sub
-<div style="padding:4px;margin-right:4px;">{{#if:{{{id|}}}|[[Файл:{{{id}}}.png|32x32px|link=|link=]]|[[файл:{{{Иконка|BikeHorn.png}}}|32x32px|link=]]}}</div>
+|title   = {{#if:{{{id|}}}|[[Файл:{{{id}}}.png|32x32px|link=]]|[[файл:{{{Иконка|BikeHorn.png}}}|32x32px|link=]]}} {{#if:{{{id|}}}|{{#invoke:Entity Lookup|getname|{{{id}}}}}|{{{Название}}}}}
-<div>'''{{#if:{{{id|}}}|{{#invoke:Entity Lookup|getname|{{{id}}}}}|{{{Название}}}}}'''</div>
+|content =
+<div class="link-card--smuggling-menu__body">
+<div class="link-card--smuggling-menu__body-level">{{AttensionLevel|{{{Уровень|default}}}}}</div><span>{{#if:{{{Описание|}}}|{{{Описание}}}|''Не имеет описания''}}</span>
 </div>
-<div class="link-card--smuggling-menu__body short-scrollbar">
+}}
-<div class="link-card--smuggling-menu__body-level">{{AttensionLevel|{{{Уровень|default}}}}}</div><span>{{{Описание}}}</span>
+</div><noinclude>{{doc}}</noinclude><!--
-</div>
-</div><!--
 -->
 {{#css:
 .link-card--smuggling {
+    display: inline;
      cursor: pointer;
 }
 .link-card--smuggling-menu {
-    overflow-y: auto;
+     display: none;
-     display: flex;
-    flex-direction: column;
-    visibility: hidden;
-    opacity: 0;
-    background-color: #212126;
      width: 45%;
      height: 65%;
-    border: 1px solid #31313b;
-    border-radius: 0.5rem;
      position: fixed;
-    margin: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
-     z-index: 100 !important;
+     z-index: 100;
-     box-shadow: 0px 0px 0px 100vh rgba(0, 0, 0, 0.6);
+     margin: auto;
 }
-.link-card--smuggling-menu__header {
+.link-card--smuggling-menu .gradient-header-frame-sub {
-     display: flex;
+     box-shadow: 0px 0px 0px 100vh rgba(0, 0, 0, 0.6);
-    align-items: center;
-    position: relative;
-    background: linear-gradient(90deg, #3a3a45 0%, #3a3a45 10%, #2f2f37 50%);
-    font-size: 16px;
 }
-.link-card--smuggling-menu__body {
+.link-card--smuggling-menu .gradient-header-frame-sub {
      height: 100%;
-    position: relative;
+     box-sizing: border-box;
-     box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
-    padding: 8px;
-    overflow: auto;
 }
@@ Строка 76: / Строка 62: @@
          width: 100%;
          text-align: left;
-    }
-    .link-card--smuggling__name {
-        background: #000000;
-        padding: 4px 6px;
-        font-size: 0.9em;
-        display: flex;
-        align-items: center;
-    }
-    .link-card--smuggling__image {
-        padding: 4px;
      }
@@ Строка 98: / Строка 72: @@
 --><div class="customCSS" style="display:none">
 .link-card--smuggling:focus-within + .link-card--smuggling-menu {
-     visibility: visible;
+     display: block;
-    opacity: 1;
 }
 .link-card--smuggling-menu:hover {
-     visibility: visible;
+     display: block;
-    opacity: 1;
 }
 .link-card--smuggling-menu__body-level {
      margin-bottom: 8px;
-     background: #2c2c33;
+     background: var(--theme-bg-color-200);
      padding: 4px 6px;
      border-radius: 0.4em;
-     border: 1px solid rgba(var(--color-lighter--rgba), var(--alpha-x));
+     border: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-x));
 }
 </div>