VolkerE has uploaded a new change for review. ( 
https://gerrit.wikimedia.org/r/393715 )

Change subject: Unify BetaFeatures SVG screenshot markup
......................................................................

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
---
M images/popups-ltr.svg
M images/popups-rtl.svg
2 files changed, 56 insertions(+), 50 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Popups 
refs/changes/15/393715/1

diff --git a/images/popups-ltr.svg b/images/popups-ltr.svg
index 35ab989..9ddb50f 100644
--- a/images/popups-ltr.svg
+++ b/images/popups-ltr.svg
@@ -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>
-               <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"/>
+       <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 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>
diff --git a/images/popups-rtl.svg b/images/popups-rtl.svg
index 5f21e0a..905347a 100644
--- a/images/popups-rtl.svg
+++ b/images/popups-rtl.svg
@@ -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>
-               <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"/>
+       <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 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>

-- 
To view, visit https://gerrit.wikimedia.org/r/393715
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: Id5acd5e918dfa895210a622612f4a1cda5bef985
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/Popups
Gerrit-Branch: master
Gerrit-Owner: VolkerE <volke...@wikimedia.org>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to