mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-18 13:05:50 +00:00
6a9ee465bc
Changes to support feature:
* ResourceLoaderSkinModule logo features are dropped
* New layout provided given the fork in layout between legacy and new.
* Legacy sidebar styles now pulled out
* breakpoint styles are not carried over from legacy Vector
The new Vector layout for now has one breakpoint.
Changes to storybook:
* The storybook script now pulls down image assets so that the logos can
be shown in storybook. The script is adjusted to make use of a static folder to
serve these images.
Note:
* The legacy mode is not touched as part of this patchset.
* The personal menu is unaffected by this patch and is out of scope.
* The alignment issue is noted, but will be solved at a later date.
* Changes to portal are out of scope.
* Adding storybook for modern descoped, given its not possible to load
both legacy layout and modern layout inside a storybook at current time.
Sample config:
$wgLogos = [
'icon' => 'https://di-logo-sandbox.firebaseapp.com/img/globe.png',
'tagline' => [
'src' => 'https://di-logo-sandbox.firebaseapp.com/img/tagline/en-tagline-117-13.svg',
'width' => 117,
'height' => 13,
],
'1x' => 'https://en.wikipedia.org/static/images/project-logos/enwiki.png',
'wordmark' => [
'src' => 'https://en.wikipedia.org/static/images/mobile/copyright/wikipedia-wordmark-en.svg',
'width' => 116,
'height' => 18,
],
];
Coauthor: Aron Manning
Bug: T246170
Change-Id: Ibc4b055150761388a6b78f9127da342c451ce0e7
29 lines
840 B
Plaintext
29 lines
840 B
Plaintext
{{!
|
|
LogoDefinition logo
|
|
string main-page-href link to the main page
|
|
string msg-sitesubtitle the contents of the sitesubtitle message key
|
|
}}
|
|
{{#data-logos}}
|
|
<a href="{{main-page-href}}" class="mw-logo">
|
|
{{#icon}}
|
|
{{! alt is provided for valid HTML but given aria-hidden not needed. }}
|
|
<img class="mw-logo-icon" src="{{.}}" alt=""
|
|
aria-hidden="true" height="50" width="50">
|
|
{{/icon}}
|
|
<span class="mw-logo-container">
|
|
{{#wordmark}}
|
|
<img class="mw-logo-wordmark" alt="{{msg-sitetitle}}"
|
|
src="{{src}}" width="{{width}}" height="{{height}}">
|
|
{{/wordmark}}
|
|
{{^wordmark}}
|
|
<strong class="mw-logo-wordmark">{{msg-sitetitle}}</strong>
|
|
{{/wordmark}}
|
|
{{#tagline}}
|
|
<img class="mw-logo-tagline"
|
|
alt="{{msg-sitesubtitle}}"
|
|
src="{{src}}" width="{{width}}" height="{{height}}">
|
|
{{/tagline}}
|
|
</span>
|
|
</a>
|
|
{{/data-logos}}
|