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

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

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

@@ Строка 1: / Строка 1: @@
-<div class="link-card noExternal mobile-image link-card__side link-card__side--сollapsible" style="--background-color:{{{background-color|#33333f{{{transparency|f0}}}}}}> {{#if:{{{external|}}} | [{{{external|}}} <span class="StupidButton"></span>] | {{#if:{{{link|}}} | [[{{{link|}}}|<span class="StupidButton"></span>]] }} }}
+<div class="link-card--сollapsible z-index-position" style="
-<div class="link-card--сollapsible__header no-margin-edges mw-collapsible mw-collapsed">
+ --bg-color:{{{фон|var(--theme-bg-color-300)}}};
-<div class="link-card__image link-card--сollapsible__image">[[Файл:{{{image|BikeHorn.png}}}|{{{pixel|64x64px}}}|link=]]</div>
+ --alpha:{{{прозрачность|90%}}};
-<div class="link-card__name link-card--сollapsible__name">{{{name|Название}}}</div>
+">
-<div class="link-card--сollapsible__content mw-collapsible-content">{{{content}}}</div>
+<div class="link-card--сollapsible__header mw-collapsible mw-collapsed">
+<div class="link-card--сollapsible__image link-card--сollapsible__image">[[Файл:{{{изображение|Doppelganger.png}}}|{{{pixel|32x32px}}}|link=]]</div>
+<div class="link-card--сollapsible__name link-card--сollapsible__name no-margin-edges">{{{название|Название}}}</div>
+<div class="link-card--сollapsible__content short-scrollbar mw-collapsible-content" style="{{#if: {{{без_прокрутки|}}} | | max-height:400px; overflow:auto; overflow-x:hidden; }}>{{{содержание}}}</div>
 </div>
-</div>
+</div><noinclude>{{doc}}</noinclude><!--
-{{#css:
-.link-card__side--сollapsible {
-    display: block;
-}
-.link-card--сollapsible__header {
+--><templatestyles src="LinkCard/Сollapsible/styles.css" /><div class="customCSS" style="display:none">
-     display: grid;
+/* Параметры для контента при раскрытом элементе */
-    grid-template-columns: 0fr 1fr 0fr;
+.link-card--сollapsible__content:has(.mw-collapsible-toggle-expanded) {
+     min-height: 400px;
 }
+</div>
-.link-card--сollapsible__header > .mw-collapsible-toggle {
-    position: relative !important;
-    font-size: 14px;
-    background: #00000020;
-    display: flex;
-    align-items: center;
-}
-.link-card--сollapsible__name,
-.link-card--сollapsible__image {
-    grid-row: 1 / 1;
-}
-.link-card--сollapsible__content {
-    grid-column: 1 / -1;
-    background: #0000003a;
-    padding: 6px;
-}
-}}