wikimedia/mediawiki-extensions-Popups
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups synced 2024-09-23 10:21:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optimize SVGs and align colors to WikimediaUI palette

Browse source 
Aligning SVGs to WikimediaUI color palette. Also optimizing
by help of SVGO and aligning them to each other, among changes:
- removing unnecessary, unused raster images
- removing invisible, application specific metadata
- unifying identation
- bringing attributes in order

Bug: T178257
Change-Id: Ief0ce99568e6a92700f2c8e4eb5990b989402389
This commit is contained in:
Volker E 2017-10-15 18:33:45 -07:00
parent d59c391c15
commit 33a2eb9635
8 changed files with 198 additions and 11254 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
images/popups-ltr.svg
View file

@ -1,34 +1,34 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?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="a">
<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 clip-path="url(#a)">
<path fill="#fff" d="M263.5 162.25l-263-.5V.5h263z"/>
<path fill="#e5e5e5" d="M252 162.496V29H48v133.496zM11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14zm27 141.807V58H13v105.807h25zM233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z"/>
<g fill="#e5e5e5">
<path d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path d="M168 17h2v2h-2z"/>
</g>
<path fill="#e5e5e5" d="M38 45v-5H13v5h25z"/>
<path 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.168z"/>
<g fill="#9b9b9b">
<path d="M143.756 56h-38.14v7.782h38.14V56zm56.732 35.02v-8.755h-50.814v8.755h50.814zm-89.725-22.374H89.929v8.633h20.833v-8.634zm98.535 7.782v-7.782h-37.695v7.782h37.695zm-88.645 5.716H94.955v7.782h25.698v-7.782zM195.233 56h-46.207v7.782h46.207V56z"/>
<path d="M114.735 68.646v9.2h51.558v-9.2h-51.558z" fill="#36c"/>
</g>
<path d="M114 82h75v44h-75z" fill="#fff"/>
<path d="M189 82h-31v44h31V82zm-18.167 24.13l5.904 9.652 3.206-2.958 4.83 6.05-21.137.03 6.244-12.775h.953z" fill="#36c"/>
<g transform="translate(284 -12)" fill="#d0d0d0">
<rect y="100" x="-163" rx="1" height="1" width="20"/>
<rect y="104" x="-163" rx="1" height="1" width="20"/>
<rect y="108" x="-163" rx="1" height="1" width="20"/>
<rect y="112" x="-163" rx="1" height="1" width="28"/>
<rect y="116" x="-163" rx="1" height="1" width="28"/>
<rect y="120" x="-163" rx="1" height="1" width="28"/>
<rect y="124" x="-163" rx="1" height="1" width="28"/>
<rect y="128" x="-163" rx="1" height="1" width="28"/>
</g>
</g>
<defs>
<clipPath id="a">
<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 clip-path="url(#a)">
<path fill="#fff" d="M263.5 162.25l-263-.5V.5h263z"/>
<path fill="#e5e5e5" d="M252 162.496V29H48v133.496zM11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14zm27 141.807V58H13v105.807h25zM233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z"/>
<g fill="#e5e5e5">
<path d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path d="M168 17h2v2h-2z"/>
</g>
<path fill="#e5e5e5" d="M38 45v-5H13v5h25z"/>
<path 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"/>
<g fill="#72777d">
<path d="M143.756 56h-38.14v7.782h38.14V56zm56.732 35.02v-8.755h-50.814v8.755h50.814zm-89.725-22.374H89.93v8.633h20.832v-8.636zm98.535 7.782v-7.782h-37.695v7.782h37.695zm-88.645 5.716H94.955v7.782h25.698v-7.782zM195.233 56h-46.207v7.782h46.207V56z"/>
<path fill="#36c" d="M114.735 68.646v9.2h51.558v-9.2h-51.558z"/>
</g>
<path fill="#fff" d="M114 82h75v44h-75z"/>
<path fill="#36c" d="M189 82h-31v44h31V82zm-18.167 24.13l5.904 9.652 3.206-2.958 4.83 6.05-21.137.03 6.244-12.775h.953z"/>
<g fill="#c8ccd1" transform="translate(284 -12)">
<rect width="20" height="1" x="-163" y="100" rx="1"/>
<rect width="20" height="1" x="-163" y="104" rx="1"/>
<rect width="20" height="1" x="-163" y="108" rx="1"/>
<rect width="28" height="1" x="-163" y="112" rx="1"/>
<rect width="28" height="1" x="-163" y="116" rx="1"/>
<rect width="28" height="1" x="-163" y="120" rx="1"/>
<rect width="28" height="1" x="-163" y="124" rx="1"/>
<rect width="28" height="1" x="-163" y="128" rx="1"/>
</g>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2 KiB

64
images/popups-rtl.svg
View file

@ -1,34 +1,34 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?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="a">
<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 transform="matrix(-1 0 0 1 264 0)" clip-path="url(#a)">
<path d="M263.5 162.25l-263-.5V.5h263z" fill="#fff"/>
<path d="M252 162.496V29H48v133.496zM11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14zm27 141.807V58H13v105.807h25zM233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z" fill="#e5e5e5"/>
<g fill="#e5e5e5">
<path d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path d="M168 17h2v2h-2z"/>
</g>
<path 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.168z" fill="#e5e5e5"/>
<g fill="#9b9b9b">
<path d="M143.756 56h-38.14v7.782h38.14V56zm56.732 35.02v-8.755h-50.814v8.755h50.814zm-89.725-22.374H89.929v8.633h20.833v-8.634zm98.535 7.782v-7.782h-37.695v7.782h37.695zm-88.645 5.716H94.955v7.782h25.698v-7.782zM195.233 56h-46.207v7.782h46.207V56z"/>
<path d="M114.735 68.646v9.2h51.558v-9.2h-51.558z" fill="#36c"/>
</g>
<path d="M114 82h75v44h-75z" fill="#fff"/>
<path d="M189 82h-31v44h31V82zm-18.167 24.13l5.904 9.652 3.206-2.958 4.83 6.05-21.137.03 6.244-12.775h.953z" fill="#36c"/>
<g transform="translate(284 -12)" fill="#d0d0d0">
<rect y="100" x="-163" rx="1" height="1" width="20"/>
<rect y="104" x="-163" rx="1" height="1" width="20"/>
<rect y="108" x="-163" rx="1" height="1" width="20"/>
<rect y="112" x="-163" rx="1" height="1" width="28"/>
<rect y="116" x="-163" rx="1" height="1" width="28"/>
<rect y="120" x="-163" rx="1" height="1" width="28"/>
<rect y="124" x="-163" rx="1" height="1" width="28"/>
<rect y="128" x="-163" rx="1" height="1" width="28"/>
</g>
</g>
<defs>
<clipPath id="a">
<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 transform="matrix(-1 0 0 1 264 0)" clip-path="url(#a)">
<path fill="#fff" d="M263.5 162.25l-263-.5V.5h263z"/>
<path fill="#e5e5e5" d="M252 162.496V29H48v133.496zM11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14zm27 141.807V58H13v105.807h25zM233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z"/>
<g fill="#e5e5e5">
<path d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path d="M168 17h2v2h-2z"/>
</g>
<path fill="#e5e5e5" d="M38 45v-5H13v5h25z"/>
<path 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"/>
<g fill="#72777d">
<path d="M143.756 56h-38.14v7.782h38.14V56zm56.732 35.02v-8.755h-50.814v8.755h50.814zm-89.725-22.374H89.93v8.633h20.832v-8.636zm98.535 7.782v-7.782h-37.695v7.782h37.695zm-88.645 5.716H94.955v7.782h25.698v-7.782zM195.233 56h-46.207v7.782h46.207V56z"/>
<path fill="#36c" d="M114.735 68.646v9.2h51.558v-9.2h-51.558z"/>
</g>
<path fill="#fff" d="M114 82h75v44h-75z"/>
<path fill="#36c" d="M189 82h-31v44h31V82zm-18.167 24.13l5.904 9.652 3.206-2.958 4.83 6.05-21.137.03 6.244-12.775h.953z"/>
<g fill="#c8ccd1" transform="translate(284 -12)">
<rect width="20" height="1" x="-163" y="100" rx="1"/>
<rect width="20" height="1" x="-163" y="104" rx="1"/>
<rect width="20" height="1" x="-163" y="108" rx="1"/>
<rect width="28" height="1" x="-163" y="112" rx="1"/>
<rect width="28" height="1" x="-163" y="116" rx="1"/>
<rect width="28" height="1" x="-163" y="120" rx="1"/>
<rect width="28" height="1" x="-163" y="124" rx="1"/>
<rect width="28" height="1" x="-163" y="128" rx="1"/>
</g>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

2
resources/ext.popups.images/cog.svg
View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="#555" d="M20 14.5v-2.9l-1.8-.3c-.1-.4-.3-.8-.6-1.4l1.1-1.5-2.1-2.1-1.5 1.1c-.5-.3-1-.5-1.4-.6L13.5 5h-2.9l-.3 1.8c-.5.1-.9.3-1.4.6L7.4 6.3 5.3 8.4l1 1.5c-.3.5-.4.9-.6 1.4l-1.7.2v2.9l1.8.3c.1.5.3.9.6 1.4l-1 1.5 2.1 2.1 1.5-1c.4.2.9.4 1.4.6l.3 1.8h3l.3-1.8c.5-.1.9-.3 1.4-.6l1.5 1.1 2.1-2.1-1.1-1.5c.3-.5.5-1 .6-1.4l1.5-.3zM12 16c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"/>
<path fill="#54595d" d="M20 14.5v-2.9l-1.8-.3c-.1-.4-.3-.8-.6-1.4l1.1-1.5-2.1-2.1-1.5 1.1c-.5-.3-1-.5-1.4-.6L13.5 5h-2.9l-.3 1.8c-.5.1-.9.3-1.4.6L7.4 6.3 5.3 8.4l1 1.5c-.3.5-.4.9-.6 1.4l-1.7.2v2.9l1.8.3c.1.5.3.9.6 1.4l-1 1.5 2.1 2.1 1.5-1c.4.2.9.4 1.4.6l.3 1.8h3l.3-1.8c.5-.1.9-.3 1.4-.6l1.5 1.1 2.1-2.1-1.1-1.5c.3-.5.5-1 .6-1.4l1.5-.3zM12 16c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 502 B

After

Width:  |  Height:  |  Size: 505 B

50
resources/ext.popups/images/footer-ltr.svg
View file

@ -1 +1,49 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="230" height="179" viewBox="0 0 230 179"><defs><rect id="a" width="201" height="13" rx="2"/><rect id="b" width="201" height="169" y="10" rx="2"/><rect id="c" width="30" height="2" x="135" y="158" rx="1"/></defs><g fill="none" fill-rule="evenodd"><g transform="matrix(1 0 0 -1 0 13)"><use fill="#F2F4F7" xlink:href="#a"/><rect width="199" height="11" x="1" y="1" stroke="#9AA0A7" stroke-width="2" rx="2"/></g><use fill="#FFF" xlink:href="#b"/><rect width="199" height="167" x="1" y="11" stroke="#9AA0A7" stroke-width="2" rx="2"/><g opacity=".4" transform="translate(67 35)"><rect width="73" height="2" y="7" fill="#C8CCD1" rx="1"/><rect width="81" height="2" y="31" fill="#72777D" rx="1"/><rect width="32" height="2" y="85" fill="#72777D" rx="1"/><rect width="73" height="2" x="35" y="85" fill="#72777D" rx="1"/><rect width="17" height="2" y="45" fill="#72777D" rx="1"/><rect width="17" height="2" x="91" y="45" fill="#72777D" rx="1"/><rect width="68" height="2" x="20" y="45" fill="#72777D" rx="1"/><rect width="17" height="2" y="78" fill="#72777D" rx="1"/><rect width="37" height="2" x="72" y="78" fill="#72777D" rx="1"/><rect width="49" height="2" x="20" y="78" fill="#72777D" rx="1"/><rect width="24" height="2" x="84" y="31" fill="#72777D" rx="1" transform="matrix(-1 0 0 1 192 0)"/><rect width="81" height="2" y="66" fill="#72777D" rx="1"/><rect width="14" height="2" x="54" y="24" fill="#72777D" rx="1"/><rect width="37" height="2" x="71" y="24" fill="#72777D" rx="1"/><rect width="51" height="2" y="24" fill="#72777D" rx="1"/><rect width="108" height="2" y="59" fill="#72777D" rx="1"/><rect width="108" height="2" y="52" fill="#72777D" rx="1"/><rect width="108" height="2" y="92" fill="#72777D" rx="1"/><rect width="108" height="2" y="38" fill="#72777D" rx="1"/><rect width="51" height="2" fill="#72777D" rx="1"/></g><rect width="30" height="2" x="67" y="158" fill="#72777D" opacity=".4" rx="1"/><rect width="30" height="2" x="99" y="158" fill="#72777D" opacity=".4" rx="1"/><use fill="#36C" xlink:href="#c"/><rect width="33" height="5" x="133.5" y="156.5" stroke="#FFC057" stroke-opacity=".447" stroke-width="3" rx="2.5"/><circle cx="34" cy="49" r="19" fill="#EAECF0"/><g fill="#9AA0A7" transform="translate(5 5)"><circle cx="1.5" cy="1.5" r="1.5"/><circle cx="6" cy="1.5" r="1.5"/><circle cx="10.5" cy="1.5" r="1.5"/></g><path stroke="#FF00AF" stroke-linecap="square" d="M174.5 159.5h54.01"/></g></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="230" height="179" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 230 179">
<defs>
<rect id="a" width="201" height="13" rx="2"/>
<rect id="b" width="201" height="169" y="10" rx="2"/>
<rect id="c" width="30" height="2" x="135" y="158" rx="1"/>
</defs>
<g fill="none" fill-rule="evenodd">
<g transform="matrix(1 0 0 -1 0 13)">
<use fill="#f8f9fa" xlink:href="#a"/>
<rect width="199" height="11" x="1" y="1" stroke="#a2a9b1" stroke-width="2" rx="2"/>
</g>
<use fill="#fff" xlink:href="#b"/>
<rect width="199" height="167" x="1" y="11" stroke="#a2a9b1" stroke-width="2" rx="2"/>
<g opacity=".4" transform="translate(67 35)">
<rect width="73" height="2" y="7" fill="#c8ccd1" rx="1"/>
<rect width="81" height="2" y="31" fill="#72777d" rx="1"/>
<rect width="32" height="2" y="85" fill="#72777d" rx="1"/>
<rect width="73" height="2" x="35" y="85" fill="#72777d" rx="1"/>
<rect width="17" height="2" y="45" fill="#72777d" rx="1"/>
<rect width="17" height="2" x="91" y="45" fill="#72777d" rx="1"/>
<rect width="68" height="2" x="20" y="45" fill="#72777d" rx="1"/>
<rect width="17" height="2" y="78" fill="#72777d" rx="1"/>
<rect width="37" height="2" x="72" y="78" fill="#72777d" rx="1"/>
<rect width="49" height="2" x="20" y="78" fill="#72777d" rx="1"/>
<rect width="24" height="2" x="84" y="31" fill="#72777d" rx="1" transform="matrix(-1 0 0 1 192 0)"/>
<rect width="81" height="2" y="66" fill="#72777d" rx="1"/>
<rect width="14" height="2" x="54" y="24" fill="#72777d" rx="1"/>
<rect width="37" height="2" x="71" y="24" fill="#72777d" rx="1"/>
<rect width="51" height="2" y="24" fill="#72777d" rx="1"/>
<rect width="108" height="2" y="59" fill="#72777d" rx="1"/>
<rect width="108" height="2" y="52" fill="#72777d" rx="1"/>
<rect width="108" height="2" y="92" fill="#72777d" rx="1"/>
<rect width="108" height="2" y="38" fill="#72777d" rx="1"/>
<rect width="51" height="2" fill="#72777d" rx="1"/>
</g>
<rect width="30" height="2" x="67" y="158" fill="#72777d" opacity=".4" rx="1"/>
<rect width="30" height="2" x="99" y="158" fill="#72777d" opacity=".4" rx="1"/>
<use fill="#36c" xlink:href="#c"/>
<rect width="33" height="5" x="133.5" y="156.5" stroke="#ffc057" stroke-opacity=".447" stroke-width="3" rx="2.5"/>
<circle cx="34" cy="49" r="19" fill="#eaecf0"/>
<g fill="#a2a9b1" transform="translate(5 5)">
<circle cx="1.5" cy="1.5" r="1.5"/>
<circle cx="6" cy="1.5" r="1.5"/>
<circle cx="10.5" cy="1.5" r="1.5"/>
</g>
<path stroke="#ff00af" d="M174.5 159.5h54.01" stroke-linecap="square"/>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

52
resources/ext.popups/images/footer-rtl.svg
View file

@ -1 +1,51 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="235" height="179" viewBox="0 0 235 179"><defs><rect id="a" width="201" height="13" rx="2"/><rect id="b" width="201" height="169" y="10" rx="2"/><rect id="c" width="30" height="2" x="34" y="158" rx="1"/></defs><g fill="none" fill-rule="evenodd"><g transform="translate(34)"><g transform="matrix(1 0 0 -1 0 13)"><use fill="#F2F4F7" xlink:href="#a"/><rect width="199" height="11" x="1" y="1" stroke="#9AA0A7" stroke-width="2" rx="2"/></g><use fill="#FFF" xlink:href="#b"/><rect width="199" height="167" x="1" y="11" stroke="#9AA0A7" stroke-width="2" rx="2"/><g opacity=".4" transform="matrix(-1 0 0 1 132 35)"><rect width="73" height="2" y="7" fill="#C8CCD1" rx="1"/><rect width="81" height="2" y="31" fill="#72777D" rx="1"/><rect width="32" height="2" y="85" fill="#72777D" rx="1"/><rect width="73" height="2" x="35" y="85" fill="#72777D" rx="1"/><rect width="17" height="2" y="45" fill="#72777D" rx="1"/><rect width="17" height="2" x="91" y="45" fill="#72777D" rx="1"/><rect width="68" height="2" x="20" y="45" fill="#72777D" rx="1"/><rect width="17" height="2" y="78" fill="#72777D" rx="1"/><rect width="37" height="2" x="72" y="78" fill="#72777D" rx="1"/><rect width="49" height="2" x="20" y="78" fill="#72777D" rx="1"/><rect width="24" height="2" x="84" y="31" fill="#72777D" rx="1" transform="matrix(-1 0 0 1 192 0)"/><rect width="81" height="2" y="66" fill="#72777D" rx="1"/><rect width="14" height="2" x="54" y="24" fill="#72777D" rx="1"/><rect width="37" height="2" x="71" y="24" fill="#72777D" rx="1"/><rect width="51" height="2" y="24" fill="#72777D" rx="1"/><rect width="108" height="2" y="59" fill="#72777D" rx="1"/><rect width="108" height="2" y="52" fill="#72777D" rx="1"/><rect width="108" height="2" y="92" fill="#72777D" rx="1"/><rect width="108" height="2" y="38" fill="#72777D" rx="1"/><rect width="51" height="2" fill="#72777D" rx="1"/></g><rect width="30" height="2" x="69" y="158" fill="#72777D" opacity=".4" rx="1"/><rect width="30" height="2" x="101" y="158" fill="#72777D" opacity=".4" rx="1"/><use fill="#36C" xlink:href="#c"/><rect width="33" height="5" x="32.5" y="156.5" stroke="#FFC057" stroke-opacity=".447" stroke-width="3" rx="2.5"/><circle cx="168" cy="49" r="19" fill="#EAECF0"/><g fill="#9AA0A7" transform="translate(183 5)"><circle cx="1.5" cy="1.5" r="1.5"/><circle cx="6" cy="1.5" r="1.5"/><circle cx="10.5" cy="1.5" r="1.5"/></g></g><path stroke="#FF00AF" stroke-linecap="square" d="M.5 159.5h54.01"/></g></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="235" height="179" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 235 179">
<defs>
<rect id="a" width="201" height="13" rx="2"/>
<rect id="b" width="201" height="169" y="10" rx="2"/>
<rect id="c" width="30" height="2" x="34" y="158" rx="1"/>
</defs>
<g fill="none" fill-rule="evenodd">
<g transform="translate(34)">
<g transform="matrix(1 0 0 -1 0 13)">
<use fill="#f8f9fa" xlink:href="#a"/>
<rect width="199" height="11" x="1" y="1" stroke="#a2a9b1" stroke-width="2" rx="2"/>
</g>
<use fill="#fff" xlink:href="#b"/>
<rect width="199" height="167" x="1" y="11" stroke="#a2a9b1" stroke-width="2" rx="2"/>
<g opacity=".4" transform="matrix(-1 0 0 1 132 35)">
<rect width="73" height="2" y="7" fill="#c8ccd1" rx="1"/>
<rect width="81" height="2" y="31" fill="#72777d" rx="1"/>
<rect width="32" height="2" y="85" fill="#72777d" rx="1"/>
<rect width="73" height="2" x="35" y="85" fill="#72777d" rx="1"/>
<rect width="17" height="2" y="45" fill="#72777d" rx="1"/>
<rect width="17" height="2" x="91" y="45" fill="#72777d" rx="1"/>
<rect width="68" height="2" x="20" y="45" fill="#72777d" rx="1"/>
<rect width="17" height="2" y="78" fill="#72777d" rx="1"/>
<rect width="37" height="2" x="72" y="78" fill="#72777d" rx="1"/>
<rect width="49" height="2" x="20" y="78" fill="#72777d" rx="1"/>
<rect width="24" height="2" x="84" y="31" fill="#72777d" rx="1" transform="matrix(-1 0 0 1 192 0)"/>
<rect width="81" height="2" y="66" fill="#72777d" rx="1"/>
<rect width="14" height="2" x="54" y="24" fill="#72777d" rx="1"/>
<rect width="37" height="2" x="71" y="24" fill="#72777d" rx="1"/>
<rect width="51" height="2" y="24" fill="#72777d" rx="1"/>
<rect width="108" height="2" y="59" fill="#72777d" rx="1"/>
<rect width="108" height="2" y="52" fill="#72777d" rx="1"/>
<rect width="108" height="2" y="92" fill="#72777d" rx="1"/>
<rect width="108" height="2" y="38" fill="#72777d" rx="1"/>
<rect width="51" height="2" fill="#72777d" rx="1"/>
</g>
<rect width="30" height="2" x="69" y="158" fill="#72777d" opacity=".4" rx="1"/>
<rect width="30" height="2" x="101" y="158" fill="#72777d" opacity=".4" rx="1"/>
<use fill="#36C" xlink:href="#c"/>
<rect width="33" height="5" x="32.5" y="156.5" stroke="#ffc057" stroke-opacity=".447" stroke-width="3" rx="2.5"/>
<circle cx="168" cy="49" r="19" fill="#eaecf0"/>
<g fill="#a2a9b1" transform="translate(183 5)">
<circle cx="1.5" cy="1.5" r="1.5"/>
<circle cx="6" cy="1.5" r="1.5"/>
<circle cx="10.5" cy="1.5" r="1.5"/>
</g>
</g>
<path stroke="#ff00af" d="M.5 159.5h54.01" stroke-linecap="square"/>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

5606
resources/ext.popups/images/hovercard.svg
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 421 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

5599
resources/ext.popups/images/navpop.svg
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 420 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

15
resources/ext.popups/images/sad-face.svg
View file

@ -1,12 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="37px" height="27px" viewBox="0 0 37 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
<title>A8787B18-ECB6-43B0-A67A-1BAFC81FF21F</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="no-page-preview-available" transform="translate(-392.000000, -222.000000)" fill="#C8CCD1">
<path d="M397.475,222.7 L397.475,242.775 L392,248.25 L423.025,248.25 C426.1275,248.25 428.5,245.877502 428.5,242.775 L428.5,222.7 L397.475,222.7 L397.475,222.7 Z M417.915,227.2625 C419.1925,227.2625 420.105,228.3575 420.105,229.4525 C420.105,230.5475 419.1925,231.825 417.915,231.825 C416.6375,231.825 415.725,230.73 415.725,229.635 C415.725,228.54 416.82,227.2625 417.915,227.2625 L417.915,227.2625 Z M408.06,227.2625 C409.3375,227.2625 410.25,228.3575 410.25,229.4525 C410.25,230.5475 409.155,231.825 408.06,231.825 C406.965,231.825 405.87,230.73 405.87,229.635 C405.87,228.54 406.7825,227.2625 408.06,227.2625 L408.06,227.2625 Z M412.9875,235.475 C405.835421,235.475 404.573289,242.486842 404.573289,242.486842 C404.573289,242.486842 407.378026,241.084474 412.9875,241.084474 C418.596974,241.084474 421.401711,242.486842 421.401711,242.486842 C421.401711,242.486842 419.999342,235.475 412.9875,235.475 L412.9875,235.475 Z" id="Page-1"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="37" height="27" viewBox="0 0 37 27">
<title>sad face</title>
<path fill="#c8ccd1" fill-rule="evenodd" d="M5.475.7v20.075L0 26.25h31.025c3.102 0 5.475-2.372 5.475-5.475V.7H5.475zm20.44 4.562c1.277 0 2.19 1.095 2.19 2.19 0 1.096-.913 2.373-2.19 2.373-1.278 0-2.19-1.095-2.19-2.19s1.095-2.373 2.19-2.373zm-9.855 0c1.277 0 2.19 1.095 2.19 2.19 0 1.096-1.095 2.373-2.19 2.373s-2.19-1.095-2.19-2.19.913-2.373 2.19-2.373zm4.928 8.213c-7.153 0-8.415 7.012-8.415 7.012s2.805-1.403 8.415-1.403c5.61 0 8.414 1.403 8.414 1.403S28 13.475 20.988 13.475z"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 638 B