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

Материал из Space Station 14 Вики
Интерактивная навигация по истории
← Предыдущая правка
ВизуальныйВики-текст
мНет описания правки
мНет описания правки
 
(не показано 20 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="link-card noExternal mobile-image link-card__side link-card__side--сollapsible z-index-position" 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|Doppelganger.png}}}|{{{pixel|64x64px}}}|link=]]</div>
--alpha:{{{прозрачность|90%}}};
<div class="link-card__name link-card--сollapsible__name">{{{name|Название}}}</div>
">
<div class="link-card--сollapsible__content short-scrollbar 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>
</div><noinclude>{{doc}}</noinclude><!--
{{#css:
.link-card__side--сollapsible {
    display: block;
    position: relative;
}


.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: #00000020;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: grid;
    gap: 4px;
    max-height: 400px;
    padding: 6px;
    border-radius: 0 0 0.2em 0.2em;
    border: 2px solid #31313b;
    border-top: 0;
    background-color: #24242b;
    box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
    overflow: auto;
    overflow-x: hidden;
}
}}

Текущая версия от 17:00, 28 октября 2025

Название
{{{содержание}}}
Документация
[создать | обновить]

Во избежание поломок страниц, использующих этот шаблон, экспериментируйте в песочнице (создать | зеркало) или своём личном пространстве.
Подстраницы этого шаблона.

Источник — https://station14.ru/index.php?title=Шаблон:LinkCard/Сollapsible&oldid=109210