Шаблон:CollapsibleMenu: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки Метка: отменено |
||
| Строка 1: | Строка 1: | ||
<div class="customCSS" style="display:none"> | <div class="customCSS" style="display:none"> | ||
.mw-parser-output *:has(.сollapsible-menu) { position: relative; } | .mw-parser-output *:has(.сollapsible-menu) { position: relative; } | ||
</div>{{#if: {{{1 | </div>{{#if: {{{|1}}}|<div class="z-index-position сollapsible-menu mw-collapsible mw-collapsed" style="--color:{{{color|#595965}}}> | ||
<div class="сollapsible-menu__content mw-collapsible-content no-margin-edges short-scrollbar">{{{1|}}}</div> | <div class="сollapsible-menu__content mw-collapsible-content no-margin-edges short-scrollbar" style="box-shadow:var(--box-shadow-inset); font-size:var(--font-size-xs);">{{{1|}}}</div> | ||
</div>}}<!-- | </div>}}<!-- | ||
--> | -->{{#css: | ||
.сollapsible-menu { | |||
position: absolute !important; | |||
top: 2px; | |||
right: 0; | |||
display: grid; | |||
align-content: center; | |||
z-index: 100; | |||
} | |||
/* Контейнер выпадающего меню */ | |||
.сollapsible-menu__content { | |||
position: absolute !important; | |||
top: 18px; | |||
right: 0; | |||
display: grid; | |||
gap: 4px; | |||
width: 20vw; | |||
min-width: 200px; | |||
max-width: 260px; | |||
max-height: 300px; | |||
padding: 6px; | |||
border-radius: 0; | |||
border: 2px solid var(--theme-bg-color-250); | |||
border-top: 2px solid var(--theme-border-color-100); | |||
background-color: var(--theme-bg-color-150); | |||
overflow: auto; | |||
overflow-x: hidden; | |||
} | |||
/* Тоггл кнопка */ | |||
.сollapsible-menu .mw-collapsible-toggle { | |||
position: relative; | |||
top: 0; | |||
right: 0; | |||
text-align: right; | |||
font-weight: bold; | |||
color: var(--color); | |||
transition: all 0.05s; | |||
} | |||
.сollapsible-menu .mw-collapsible-toggle:hover { | |||
filter: brightness(120%); | |||
} | |||
.сollapsible-menu .mw-collapsible-toggle-expanded { | |||
filter: brightness(120%); | |||
} | |||
.сollapsible-menu .mw-collapsible-toggle-default:before { | |||
content: '▽'; | |||
} | |||
.сollapsible-menu .mw-collapsible-toggle-default:after { | |||
content: none !important; | |||
} | |||
.сollapsible-menu .mw-collapsible-text { | |||
display: none; | |||
} | |||
}} | |||