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

Align SVGs to WikimediaUI color palette and optimize

Browse Source 
Aligning SVGs to WikimediaUI color palette, optimizing
by help of SVGO and align markup to each other, among changes:
- unifying XML declaration
- removing `standalone=no` as it's default
- adding `viewBox` attribute for cross-browser compatibility
- removing unnecessary groups and ids where applicable
- unifying identation
- bringing attributes in order

Bug: T178867
Change-Id: Ie7803dd904cee14fa401331e082982794dc0a225
This commit is contained in:
Volker E
2017-11-02 00:25:40 -07:00
parent 115c0a28c0
commit c8b391564e
12 changed files with 106 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,34 +1,34 @@
<?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>
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="264" height="162" viewBox="0 0 264 162">
<defs>
<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"/>
</clipPath>
</defs>
<g id="screenshot" clip-path="url(#jagged-edge)">
<path id="background" fill="#fff" d="M263.5 162.25l-263-.5V.5h263z"/>
<g fill="#e5e5e5">
<path id="article" d="M252 162.496V29H48v133.496z"/>
<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 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"/>
</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" fill="#e5e5e5" d="M38 45v-5H13v5h25z"/>
<path id="border" fill="#e5e5e5" 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 fill="#abc0ea" d="M38 132.625v-35H13v35h25z"/>
<rect width="20.438" height="2.176" x="15.281" y="108.59" fill="#fff" rx=".151" ry=".107"/>
<rect width="20.438" height="2.176" x="15.281" y="113.831" fill="#fff" rx=".151" ry=".107"/>
<rect width="20.438" height="6.188" x="15.281" y="124.313" fill="#36c" rx=".151" ry=".303"/>
<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="1.823" height="1.882" x="26.655" y="125.738" rx=".013" ry=".092"/>
<rect width="1.823" height="1.882" x="23.464" y="125.738" rx=".013" ry=".092"/>
</g>
<rect width="20.438" height="2.176" x="15.281" y="103.349" fill="#fff" rx=".151" ry=".107"/>
<rect width="20.438" height="2.176" x="15.281" y="119.072" fill="#fff" rx=".151" ry=".107"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB