bryce/mediawiki-extensions-UniversalLanguageSelector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update beta feature screenshots to use proper layout and colours

Browse Source 
Bug: T144428
Change-Id: I755d0d3b3fdcf569d2470a4a9980ae0e2df66a37
This commit is contained in:
Ed Sanders
2016-10-12 15:08:15 -07:00
parent e6818773ed
commit 6fe8a31267
5 changed files with 70 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
UniversalLanguageSelector.hooks.php
View File

@@ -404,8 +404,8 @@ class UniversalLanguageSelectorHooks {
'label-message' => 'uls-betafeature-label',
'desc-message' => 'uls-betafeature-desc',
'screenshot' => [
'ltr' => "$imagesDir/compact-links-ltr.png",
'rtl' => "$imagesDir/compact-links-rtl.png",
'ltr' => "$imagesDir/compact-links-ltr.svg",
'rtl' => "$imagesDir/compact-links-rtl.svg",
],
'info-link' =>
'https://www.mediawiki.org/wiki/Universal_Language_Selector/Compact_Language_Links',

BIN
resources/images/compact-links-ltr.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.6 KiB

35
resources/images/compact-links-ltr.svg
View File

@@ -1 +1,34 @@
<svg xmlns="http://www.w3.org/2000/svg" width="264" height="162" viewBox="0 0 264 162"><g><path fill="#fff" d="M13.366 161.357l-12.866-9.608v-151.249h263v151.749l-9 6.705v-116.454h-39v112.6l-4.393-3.731-7.607 5.33v-114.199h-155v110.85l-9.751 8.03-13.916-10.019z"/><path d="M263 1v150.998l-8 5.96v-115.958h-40v112.02l-3.274-2.781-.589-.498-.633.441-6.504 4.556v-113.738h-156v111.1l-9.257 7.66-13.295-9.57-.645-.463-.598.521-10.864 9.47-12.341-9.219v-150.499h262m1-1h-264v152l13.391 10 11.474-10 13.891 10 10.244-8.4v-110.6h154v114.66l8.078-5.66 4.922 4.18v-113.18h38v116.95l10-7.45v-152.5z" fill="#e5e5e5"/></g><path d="M203 157.66v-114.66h-154v110.6l2.145-1.6 12.555 10 13.809-10 14.229 10 12.972-10 12.973 10 13.811-10 12.136 10 13.391-10 14.229 10 12.972-10 12.974 10 5.804-4.34z" fill="#e5e5e5"/><path d="M11 36c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z" fill="#e5e5e5"/><path d="M254 159.95v-116.95h-38v113.18l7.551 5.82 13.811-10 13.891 10 2.747-2.05z" fill="#e5e5e5"/><path d="M38 107v-35h-25v35h25z" fill="#e5e5e5"/><path d="M232.51 5h26v6h-26v-6z" fill="#e5e5e5"/><path fill="#e5e5e5" d="M208.51 5h22v6h-22z"/><path d="M142 6v4h-92v-4h92m1-1h-94v6h94v-6z" fill="#e5e5e5"/><path fill="#e5e5e5" d="M184.51 5h22v6h-22z"/><path fill="#e5e5e5" d="M161.51 5h13v6h-13z"/><path fill="#e5e5e5" d="M176.51 5h6v6h-6z"/><path fill="#e5e5e5" d="M153.51 5h6v6h-6z"/><path fill="#e5e5e5" d="M9 5h32v6h-32z"/><path d="M2 14.5h260" fill="#e5e5e5" stroke="#e5e5e5"/><path fill="#e5e5e5" d="M52 7h2v2h-2z"/><path d="M38 59v-5h-25v5h25z" fill="#e5e5e5"/><path d="M38 132.625v-35h-25v35h25z" fill="#8acdff"/><rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="108.59" fill="#fff"/><rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="113.831" fill="#fff"/><rect width="20.438" height="6.188" rx=".151" ry=".303" x="15.281" y="124.313" fill="#2693ff"/><g transform="matrix(.747 0 0 .747 7.295 33.453)" fill="#fff"><rect width="1.823" height="1.882" rx=".013" ry=".092" x="20.273" y="125.738"/><rect width="1.823" height="1.882" rx=".013" ry=".092" x="26.655" y="125.738"/><rect width="1.823" height="1.882" rx=".013" ry=".092" x="23.464" y="125.738"/></g><rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="103.349" fill="#fff"/><rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="119.072" fill="#fff"/></svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" id="svg2" viewBox="0 0 264 162" height="162" width="264">
<defs id="defs78">
<clipPath id="jagged-edge">
<path d="M0 0v152l12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10V0z" id="path4213"/>
</clipPath>
</defs>
<g clip-path="url(#jagged-edge)" id="screenshot">
<path id="background" d="M263.5 162.25l-263-.5V.5h263z" fill="#fff"/>
<path id="article" d="M252 162.496V29H48v133.496z" fill="#e5e5e5"/>
<path id="logo" d="M11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z" fill="#e5e5e5"/>
<path fill="#e5e5e5" id="sidebar" d="M38 129.667V58H13v71.667h25z"/>
<g id="personal-tools" fill="#e5e5e5">
<path d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z" id="path4221"/>
</g>
<g id="search" fill="#e5e5e5">
<path id="path5717" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path id="icon" d="M168 17h2v2h-2z"/>
</g>
<path id="sitename" d="M38 45v-5H13v5h25z" fill="#e5e5e5"/>
<path d="M0 0v162h264V0zm1 1h262v150.533l-11 9.166-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-11-9.17z" id="border" fill="#e5e5e5"/>
<path fill="#abc0ea" d="M38 132.625v-35H13v35h25z" id="path40"/>
<rect fill="#fff" width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="108.59" id="rect42"/>
<rect fill="#fff" width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="113.831" id="rect44"/>
<rect fill="#36c" width="20.438" height="6.188" rx=".151" ry=".303" x="15.281" y="124.313" id="rect46"/>
<g fill="#fff" transform="matrix(.747 0 0 .747 7.295 33.453)" id="g48">
<rect width="1.823" height="1.882" rx=".013" ry=".092" x="20.273" y="125.738" id="rect50"/>
<rect width="1.823" height="1.882" rx=".013" ry=".092" x="26.655" y="125.738" id="rect52"/>
<rect width="1.823" height="1.882" rx=".013" ry=".092" x="23.464" y="125.738" id="rect54"/>
</g>
<rect fill="#fff" width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="103.349" id="rect56"/>
<rect fill="#fff" width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="119.072" id="rect58"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
resources/images/compact-links-rtl.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.6 KiB

35
resources/images/compact-links-rtl.svg
View File

@@ -1 +1,34 @@
<svg xmlns="http://www.w3.org/2000/svg" width="264" height="162" viewBox="0 0 264 162"><g><path fill="#fff" d="M.5.5v151.749l9 6.705v-116.454h39v112.6l4.393-3.731 7.607 5.33v-114.199h155v110.85l9.751 8.03 13.916-10.019 11.467 9.996 12.866-9.608v-151.249z"/><path d="M1 1v150.998l8 5.96v-115.958h40v112.02l3.274-2.781.589-.498.633.441 6.504 4.556v-113.738h156v111.1l9.257 7.66 13.295-9.57.645-.463.598.521 10.864 9.47 12.341-9.219v-150.499h-262m-1-1h264v152l-13.391 10-11.474-10-13.891 10-10.244-8.4v-110.6h-154v114.66l-8.078-5.66-4.922 4.18v-113.18h-38v116.95l-10-7.45v-152.5z" fill="#e5e5e5"/></g><path d="M61 157.66v-114.66h154v110.6l-2.145-1.6-12.555 10-13.809-10-14.229 10-12.972-10-12.973 10-13.811-10-12.136 10-13.391-10-14.229 10-12.972-10-12.974 10-5.804-4.34z" fill="#e5e5e5"/><path d="M253 36c0-7.732-6.268-14-14-14s-14 6.268-14 14 6.268 14 14 14 14-6.268 14-14z" fill="#e5e5e5"/><path d="M10 159.95v-116.95h38v113.18l-7.551 5.82-13.811-10-13.891 10-2.747-2.05z" fill="#e5e5e5"/><path d="M226 107v-35h25v35h-25z" fill="#e5e5e5"/><path d="M31.49 5h-26v6h26v-6z" fill="#e5e5e5"/><path fill="#e5e5e5" d="M55.49 5h-22v6h22z"/><path d="M122 6v4h92v-4h-92m-1-1h94v6h-94v-6z" fill="#e5e5e5"/><path fill="#e5e5e5" d="M79.49 5h-22v6h22z"/><path fill="#e5e5e5" d="M102.49 5h-13v6h13z"/><path fill="#e5e5e5" d="M87.49 5h-6v6h6z"/><path fill="#e5e5e5" d="M110.49 5h-6v6h6z"/><path fill="#e5e5e5" d="M255 5h-32v6h32z"/><path d="M262 14.5h-260" fill="#e5e5e5" stroke="#e5e5e5"/><path fill="#e5e5e5" d="M212 7h-2v2h2z"/><path d="M226 59v-5h25v5h-25z" fill="#e5e5e5"/><path d="M226 132.625v-35h25v35h-25z" fill="#8acdff"/><rect width="20.438" height="2.176" rx=".151" ry=".107" x="-248.719" y="108.59" transform="scale(-1 1)" fill="#fff"/><rect width="20.438" height="2.176" rx=".151" ry=".107" x="-248.719" y="113.831" transform="scale(-1 1)" fill="#fff"/><rect width="20.438" height="6.188" rx=".151" ry=".303" x="-248.719" y="124.313" transform="scale(-1 1)" fill="#2693ff"/><g transform="matrix(-.747 0 0 .747 256.705 33.453)" fill="#fff"><rect width="1.823" height="1.882" rx=".013" ry=".092" x="20.273" y="125.738"/><rect width="1.823" height="1.882" rx=".013" ry=".092" x="26.655" y="125.738"/><rect width="1.823" height="1.882" rx=".013" ry=".092" x="23.464" y="125.738"/></g><rect width="20.438" height="2.176" rx=".151" ry=".107" x="-248.719" y="103.349" transform="scale(-1 1)" fill="#fff"/><rect width="20.438" height="2.176" rx=".151" ry=".107" x="-248.719" y="119.072" transform="scale(-1 1)" fill="#fff"/></svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" id="svg2" viewBox="0 0 264 162" height="162" width="264">
<defs id="defs78">
<clipPath id="jagged-edge">
<path d="M0 0v152l12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10V0z" id="path4213"/>
</clipPath>
</defs>
<g transform="matrix(-1 0 0 1 264 0)" clip-path="url(#jagged-edge)" id="screenshot">
<path id="background" d="M263.5 162.25l-263-.5V.5h263z" fill="#fff"/>
<path id="article" d="M252 162.496V29H48v133.496z" fill="#e5e5e5"/>
<path id="logo" d="M11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z" fill="#e5e5e5"/>
<path id="sidebar" d="M38 129.667V58H13v71.667h25z" fill="#e5e5e5"/>
<g id="personal-tools" fill="#e5e5e5">
<path d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z" id="path4221"/>
</g>
<g id="search" fill="#e5e5e5">
<path id="path5717" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path id="icon" d="M168 17h2v2h-2z"/>
</g>
<path id="sitename" d="M38 45v-5H13v5h25z" fill="#e5e5e5"/>
<path d="M0 0v162h264V0zm1 1h262v150.533l-11 9.166-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-11-9.17z" id="border" fill="#e5e5e5"/>
<path d="M38 132.625v-35H13v35h25z" id="path40" fill="#abc0ea"/>
<rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="108.59" id="rect42" fill="#fff"/>
<rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="113.831" id="rect44" fill="#fff"/>
<rect width="20.438" height="6.188" rx=".151" ry=".303" x="15.281" y="124.313" id="rect46" fill="#36c"/>
<g transform="matrix(.747 0 0 .747 7.295 33.453)" id="g48" fill="#fff">
<rect width="1.823" height="1.882" rx=".013" ry=".092" x="20.273" y="125.738" id="rect50"/>
<rect width="1.823" height="1.882" rx=".013" ry=".092" x="26.655" y="125.738" id="rect52"/>
<rect width="1.823" height="1.882" rx=".013" ry=".092" x="23.464" y="125.738" id="rect54"/>
</g>
<rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="103.349" id="rect56" fill="#fff"/>
<rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="119.072" id="rect58" fill="#fff"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB