Unify BetaFeatures SVG screenshot markup

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

Follows up I91e0495e922a1fcf094af14e424a410fad313ba0.

Bug: T180427
Change-Id: Id5acd5e918dfa895210a622612f4a1cda5bef985
This commit is contained in:
Volker E 2017-11-27 21:20:25 -08:00
parent f6b2908bcd
commit 5f1bb03ea8
2 changed files with 54 additions and 48 deletions

View file

@ -1,34 +1,37 @@
<?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">
<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 clip-path="url(#a)">
<path fill="#fff" d="M263.5 162.25l-263-.5V.5h263z"/>
<path fill="#eaecf0" 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="#eaecf0">
<path d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path d="M168 17h2v2h-2z"/>
<g fill="#eaecf0" clip-path="url(#jagged-edge)">
<path id="background" fill="#fff" d="M0 0h264v162H0"/>
<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="site-title" d="M38 45v-5H13v5h25"/>
<path id="sidebar" d="M38 163V58H13v106h25"/>
<path id="personal-tools" d="M233 5h26v6h-26V5zM209 5h22v6h-22zM185 5h22v6h-22zM162 5h13v6h-13zM177 5h6v6h-6zM154 5h6v6h-6z"/>
<g id="search">
<path id="input" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path id="icon" d="M168 17h2v2h-2z"/>
</g>
<path fill="#eaecf0" d="M38 45v-5H13v5h25z"/>
<path 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"/>
<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"/>
<path id="article" d="M252 162V29H48v133z"/>
<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 id="article-copy" fill="#72777d" 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 id="article-link" fill="#36c" d="M114.735 68.646v9.2h51.558v-9.2h-51.558z"/>
<g id="popup">
<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 id="copy" 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>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

View file

@ -1,34 +1,37 @@
<?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">
<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 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="#eaecf0" 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="#eaecf0">
<path d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path d="M168 17h2v2h-2z"/>
<g fill="#eaecf0" clip-path="url(#jagged-edge)" transform="matrix(-1 0 0 1 264 0)">
<path id="background" fill="#fff" d="M0 0h264v162H0"/>
<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="site-title" d="M38 45v-5H13v5h25"/>
<path id="sidebar" d="M38 163V58H13v106h25"/>
<path id="personal-tools" d="M233 5h26v6h-26V5zM209 5h22v6h-22zM185 5h22v6h-22zM162 5h13v6h-13zM177 5h6v6h-6zM154 5h6v6h-6z"/>
<g id="search">
<path id="input" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path id="icon" d="M168 17h2v2h-2z"/>
</g>
<path fill="#eaecf0" d="M38 45v-5H13v5h25z"/>
<path 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"/>
<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"/>
<path id="article" d="M252 162V29H48v133z"/>
<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 id="article-copy" fill="#72777d" 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 id="article-link" fill="#36c" d="M114.735 68.646v9.2h51.558v-9.2h-51.558z"/>
<g id="popup">
<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 id="copy" 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>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB