mediawiki-skins-MinervaNeue/includes/skins/minerva.mustache
Jan Drewniak be76f05ebb Prepare for new mw-ui-icon spec for Minerva
Includes icon fixes and removal of some CSS overrides.

This causes the following temporary defects to the skin:
* Last modified bar will temporarily be squashed
* clear search  icon will be misaligned vertically

Depends-On:  Ie811d25595d041c35e6c214190101821f3a5d466
Bug: T229440
Change-Id: I0a3a73421791ad353bbcebaeb8241ad062f67ae4
2019-09-12 18:44:44 +00:00

67 lines
2.1 KiB
Plaintext

{{{headelement}}}
<div id="mw-mf-viewport">
<nav id="mw-mf-page-left" class="navigation-drawer view-border-box">
{{{mainmenuhtml}}}
</nav>
<div id="mw-mf-page-center">
<header class="header-container header-chrome">
<form class="header" action="{{wgScript}}" method="get">
<div>{{{menuButton}}}</div>
<div class="branding-box">
<a href="{{mainPageURL}}">
<span>{{{siteheading}}}</span>
{{#isBeta}}<sup>&beta;</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">
{{#userNotificationsData}}{{>userNotifications}}{{/userNotificationsData}}
</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.1.11 -->