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

Unify BetaFeatures SVG screenshot markup

Browse Source 
Unifying BetaFeatures SVG screenshot markup by:
- changing `id`s for better readability,
- sorting attributes,
- using full pixel values where applicable and
- generalizing attributes on `g` where applicable

Also fixing a visual glitch in the RTL version.
Follows up Idace90e945a2bd5efa869ee717224274fd94e91a.

Bug: T180427
Change-Id: I57f2f4890e980992db2c25506bbdc330530d67b1
This commit is contained in:
Volker E
2017-11-27 19:40:49 -08:00
parent ca45dc7404
commit 300d69b92d
2 changed files with 37 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,30 +5,28 @@
<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"/> <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"/>
</clipPath> </clipPath>
</defs> </defs>
<g id="screenshot" clip-path="url(#jagged-edge)"> <g clip-path="url(#jagged-edge)" fill="#eaecf0">
<path id="background" fill="#fff" d="M263.5 162.25l-263-.5V.5h263z"/> <path id="background" fill="#fff" d="M0 0h264v162H0"/>
<g fill="#eaecf0"> <path id="site-logo" d="M11 22c0-8 6-14 14-14s14 6 14 14-6 14-14 14-14-6-14-14"/>
<path id="article" d="M252 162.496V29H48v133.496z"/> <path id="site-title" d="M38 45v-5H13v5h25"/>
<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"/> <path id="sidebar" d="M38 130V58H13v72h25z"/>
<path id="sidebar" d="M38 129.667V58H13v71.667h25z"/>
<path id="personal-tools" d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z"/> <path id="personal-tools" d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z"/>
</g> <g id="search">
<g id="search" fill="#eaecf0"> <path id="input" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path id="path5717" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path id="icon" d="M168 17h2v2h-2z"/> <path id="icon" d="M168 17h2v2h-2z"/>
</g> </g>
<path id="sitename" fill="#eaecf0" d="M38 45v-5H13v5h25z"/> <path id="article" d="M252 162V29H48v133z"/>
<path id="border" fill="#eaecf0" 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"/> <path id="border" 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-9z"/>
<path fill="#36c" d="M38 132.625v-35H13v35h25z"/> <path fill="#36c" d="M38 132.625v-35H13v35h25z"/>
<rect width="20.438" height="2.176" x="15.281" y="108.59" fill="#eaf3ff" rx=".151" ry=".107"/> <rect width="19" height="2" x="16" y="108.59" fill="#eaf3ff" rx=".151" ry=".107"/>
<rect width="20.438" height="2.176" x="15.281" y="113.831" fill="#eaf3ff" rx=".151" ry=".107"/> <rect width="19" height="2" x="16" y="113.831" fill="#eaf3ff" rx=".151" ry=".107"/>
<rect width="20.438" height="6.188" x="15.281" y="124.313" fill="#2a4b8d" rx=".151" ry=".303"/> <rect width="19" height="6" x="16" y="124.313" fill="#2a4b8d" rx=".151" ry=".303"/>
<g fill="#fff" transform="matrix(.747 0 0 .747 7.295 33.453)"> <g fill="#fff" transform="matrix(.747 0 0 .747 7.295 33.453)">
<rect width="1.823" height="1.882" x="20.273" y="125.738" rx=".013" ry=".092"/> <rect width="2" height="2" x="20" y="125" rx=".013" ry=".092"/>
<rect width="1.823" height="1.882" x="26.655" y="125.738" rx=".013" ry=".092"/> <rect width="2" height="2" x="23" y="125" rx=".013" ry=".092"/>
<rect width="1.823" height="1.882" x="23.464" y="125.738" rx=".013" ry=".092"/> <rect width="2" height="2" x="26" y="125" rx=".013" ry=".092"/>
</g> </g>
<rect width="20.438" height="2.176" x="15.281" y="103.349" fill="#eaf3ff" rx=".151" ry=".107"/> <rect width="19" height="2" x="16" y="103.349" fill="#eaf3ff" rx=".151" ry=".107"/>
<rect width="20.438" height="2.176" x="15.281" y="119.072" fill="#eaf3ff" rx=".151" ry=".107"/> <rect width="19" height="2" x="16" y="119.072" fill="#eaf3ff" rx=".151" ry=".107"/>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

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

@@ -5,30 +5,28 @@
<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"/> <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"/>
</clipPath> </clipPath>
</defs> </defs>
<g id="screenshot" transform="matrix(-1 0 0 1 264 0)" clip-path="url(#jagged-edge)"> <g clip-path="url(#jagged-edge)" fill="#eaecf0" transform="matrix(-1 0 0 1 264 0)">
<path id="background" fill="#fff" d="M263.5 162.25l-263-.5V.5h263z"/> <path id="background" fill="#fff" d="M0 0h264v162H0"/>
<g fill="#eaecf0"> <path id="site-logo" d="M11 22c0-8 6-14 14-14s14 6 14 14-6 14-14 14-14-6-14-14"/>
<path id="article" d="M252 162.496V29H48v133.496z"/> <path id="site-title" d="M38 45v-5H13v5h25"/>
<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"/> <path id="sidebar" d="M38 130V58H13v72h25z"/>
<path id="sidebar" d="M38 129.667V58H13v71.667h25z"/>
<path id="personal-tools" d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z"/> <path id="personal-tools" d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z"/>
</g> <g id="search">
<g id="search" fill="#eaecf0"> <path id="input" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path id="path5717" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path id="icon" d="M168 17h2v2h-2z"/> <path id="icon" d="M168 17h2v2h-2z"/>
</g> </g>
<path id="sitename" fill="#eaecf0" d="M38 45v-5H13v5h25z"/> <path id="article" d="M252 162V29H48v133z"/>
<path id="border" fill="#eaecf0" 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"/> <path id="border" 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-9z"/>
<path fill="#36c" d="M38 132.625v-35H13v35h25z"/> <path fill="#36c" d="M38 132.625v-35H13v35h25z"/>
<rect width="20.438" height="2.176" x="15.281" y="108.59" fill="#eaf3ff" rx=".151" ry=".107"/> <rect width="19" height="2" x="16" y="108.59" fill="#eaf3ff" rx=".151" ry=".107"/>
<rect width="20.438" height="2.176" x="15.281" y="113.831" fill="#eaf3ff" rx=".151" ry=".107"/> <rect width="19" height="2" x="16" y="113.831" fill="#eaf3ff" rx=".151" ry=".107"/>
<rect width="20.438" height="6.188" x="15.281" y="124.313" fill="#2a4b8d" rx=".151" ry=".303"/> <rect width="19" height="6" x="16" y="124.313" fill="#2a4b8d" rx=".151" ry=".303"/>
<g fill="#fff" transform="matrix(.7 0 0 .7 7.3 33.5)"> <g fill="#fff" transform="matrix(.747 0 0 .747 7.295 33.453)">
<rect width="1.823" height="1.882" x="20.273" y="125.738" rx=".013" ry=".092"/> <rect width="2" height="2" x="20" y="125" rx=".013" ry=".092"/>
<rect width="1.823" height="1.882" x="26.655" y="125.738" rx=".013" ry=".092"/> <rect width="2" height="2" x="23" y="125" rx=".013" ry=".092"/>
<rect width="1.823" height="1.882" x="23.464" y="125.738" rx=".013" ry=".092"/> <rect width="2" height="2" x="26" y="125" rx=".013" ry=".092"/>
</g> </g>
<rect width="20.438" height="2.176" x="15.281" y="103.349" fill="#eaf3ff" rx=".151" ry=".107"/> <rect width="19" height="2" x="16" y="103.349" fill="#eaf3ff" rx=".151" ry=".107"/>
<rect width="20.438" height="2.176" x="15.281" y="119.072" fill="#eaf3ff" rx=".151" ry=".107"/> <rect width="19" height="2" x="16" y="119.072" fill="#eaf3ff" rx=".151" ry=".107"/>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB