mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-17 19:21:39 +00:00
f5bef2ea5c
Converts the main menu button to work without JS using the CSS-only "checkbox" hack, using the ToggleList module from the dropdown menus. Bug: T225213 Change-Id: I0eff0439f7284ec74f6304324fab409e8a1b6245
71 lines
2.4 KiB
Plaintext
71 lines
2.4 KiB
Plaintext
{{{headelement}}}
|
|
<div id="mw-mf-viewport">
|
|
<div id="mw-mf-page-center">
|
|
<!-- transparent-shield can be removed when Drawer updated -->
|
|
<a class="mw-mf-page-center__mask transparent-shield" href="#"></a>
|
|
<header class="header-container header-chrome">
|
|
<form class="header" action="{{wgScript}}" method="get">
|
|
<nav class="navigation-drawer toggle-list view-border-box">
|
|
<input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-labelledby="mw-mf-main-menu-button">
|
|
{{{menuButton}}}
|
|
{{{mainmenuhtml}}}
|
|
<label class="main-menu-mask" for="main-menu-input"></label>
|
|
</nav>
|
|
<div class="branding-box">
|
|
<a href="{{mainPageURL}}">
|
|
<span>{{{siteheading}}}</span>
|
|
{{#isBeta}}<sup>β</sup>{{/isBeta}}
|
|
</a>
|
|
</div>
|
|
<div class="search-box">
|
|
<input class="search mw-ui-background-icon-search skin-minerva-search-trigger" type="search" name="search" id="searchInput"
|
|
autocomplete="off" placeholder="{{placeholder}}" aria-label="{{placeholder}}"
|
|
value="{{search}}">
|
|
</div>
|
|
<nav class="minerva-user-navigation" aria-labelledby="minerva-user-menu-toggle"> {{! See ToggleList's toggleID. }}
|
|
<div>{{{searchButton}}}</div>
|
|
{{^isAnon}}
|
|
<div class="minerva-user-notifications" id="pt-notifications-alert">
|
|
{{{userNotificationsHTML}}}
|
|
</div>
|
|
{{/isAnon}}
|
|
{{#userMenuHTML}}{{{userMenuHTML}}}{{/userMenuHTML}}
|
|
</nav>
|
|
</form>
|
|
</header>
|
|
<main id="content" class="mw-body">
|
|
<div class="banner-container">
|
|
{{>banners}}
|
|
</div>
|
|
{{#hasheadingholder}}
|
|
{{{prebodyhtml}}}
|
|
<div class="pre-content heading-holder">
|
|
<div class="page-heading">
|
|
{{{headinghtml}}}
|
|
{{{taglinehtml}}}
|
|
</div>
|
|
{{#tabs}}
|
|
<div class="minerva__tab-container">
|
|
{{#items}}
|
|
<a href="{{href}}" rel="{{rel}}" class="minerva__tab {{class}}" data-event-name="tabs.{{context}}">{{text}}</a>
|
|
{{/items}}
|
|
</div>
|
|
{{/tabs}}
|
|
{{{pageactionshtml}}}
|
|
{{{postheadinghtml}}}
|
|
{{{internalBanner}}}
|
|
<div class="minerva__subtitle">{{{subtitle}}}</div>
|
|
</div>
|
|
{{/hasheadingholder}}
|
|
{{{precontenthtml}}}
|
|
{{{contenthtml}}}
|
|
<div class="post-content" id="page-secondary-actions">
|
|
{{{secondaryactionshtml}}}
|
|
</div>
|
|
</main>
|
|
{{>footer}}
|
|
</div>
|
|
</div>
|
|
<div class="mw-notification-area" data-mw="interface"></div>
|
|
<!-- v:8.3.0 -->
|