|
|
| (не показана 1 промежуточная версия этого же участника) |
| Строка 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 class="z-index-position сollapsible-menu mw-collapsible mw-collapsed" style="--color:{{{color|#595965}}}> | | </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" style="box-shadow:var(--box-shadow-inset); font-size:var(--font-size-xs);">{{{1|}}}</div> | | <div class="сollapsible-menu__content mw-collapsible-content no-margin-edges short-scrollbar">{{{1|}}}</div> |
| </div>}}<!-- | | </div>}}<!-- |
|
| |
|
| -->{{#css: | | --><templatestyles src="CollapsibleMenu/styles.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;
| |
| }
| |
| }}
| |