Шаблон:LinkCard/Сollapsible: различия между версиями
Pok (обсуждение | вклад) Новая страница: «<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__header no-margin-edges mw-collapsible mw-collapsed"> <div class="link-card__image link-card--сol...» |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 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 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__header no-margin-edges mw-collapsible mw-collapsed"> | <div class="link-card--сollapsible__header no-margin-edges mw-collapsible mw-collapsed"> | ||
<div class="link-card__image link-card--сollapsible__image">[[Файл:{{{image|BikeHorn.png}}}|{{{pixel|64x64px}}}|link=]]</div> | <div class="link-card__image link-card--сollapsible__image">[[Файл:{{{image|BikeHorn.png}}}|{{{pixel|64x64px}}}|link=]]</div> | ||
<div class="link-card__name link-card--сollapsible__name">{{{name|Название}}}</div> | <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__content short-scrollbar mw-collapsible-content">{{{content}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Строка 9: | Строка 9: | ||
.link-card__side--сollapsible { | .link-card__side--сollapsible { | ||
display: block; | display: block; | ||
position: relative; | |||
} | } | ||
| Строка 32: | Строка 33: | ||
.link-card--сollapsible__content { | .link-card--сollapsible__content { | ||
grid-column: 1 / -1; | grid-column: 1 / -1; | ||
background: # | background: #00000020; | ||
position: absolute; | |||
top: 100%; | |||
left: 0; | |||
right: 0; | |||
display: grid; | |||
gap: 4px; | |||
max-height: 400px; | |||
padding: 6px; | 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; | |||
} | } | ||
}} | }} | ||