deepcrayon
/
lila
1
0
Fork 0
Code Releases Activity

Update board svg 

Explicitly draw each square so that corners align,
even in the presence of zoom.
pull/5115/head
Isaac Levy 2019-05-17 10:32:50 -04:00
parent 7f54072923
commit f96c257129
4 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/images/board/svg/blue.svg
View File

@ -1,17 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:x="http://www.w3.org/1999/xlink"
viewBox="0 0 8 8" shape-rendering="crispEdges">
<rect width="8" height="8" fill="#8ca2ad"/>
<g id="a">
<g id="b">
<g id="c">
<g id="d">
<rect width="1" height="1" fill="#dee3e6" id="e"/>
<use x="2" href="#e" x:href="#e"/>
<use x="1" y="1" href="#e" x:href="#e"/>
<rect y="1" width="1" height="1" fill="#8ca2ad" id="f"/>
<use x="1" y="-1" href="#f" x:href="#f"/>
</g>
<use x="4" href="#d" x:href="#d"/>
<use x="2" href="#d" x:href="#d"/>
</g>
<use x="1" y="1" href="#c" x:href="#c"/>
<use x="4" href="#c" x:href="#c"/>
</g>
<use y="2" href="#b" x:href="#b"/>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 586 B

After

Width:  |  Height:  |  Size: 657 B

9
public/images/board/svg/brown.svg
View File

@ -1,17 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:x="http://www.w3.org/1999/xlink"
viewBox="0 0 8 8" shape-rendering="crispEdges">
<rect width="8" height="8" fill="#b58863"/>
<g id="a">
<g id="b">
<g id="c">
<g id="d">
<rect width="1" height="1" fill="#f0d9b5" id="e"/>
<use x="2" href="#e" x:href="#e"/>
<use x="1" y="1" href="#e" x:href="#e"/>
<rect y="1" width="1" height="1" fill="#b58863" id="f"/>
<use x="1" y="-1" href="#f" x:href="#f"/>
</g>
<use x="4" href="#d" x:href="#d"/>
<use x="2" href="#d" x:href="#d"/>
</g>
<use x="1" y="1" href="#c" x:href="#c"/>
<use x="4" href="#c" x:href="#c"/>
</g>
<use y="2" href="#b" x:href="#b"/>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 586 B

After

Width:  |  Height:  |  Size: 657 B

9
public/images/board/svg/green.svg
View File

@ -1,17 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:x="http://www.w3.org/1999/xlink"
viewBox="0 0 8 8" shape-rendering="crispEdges">
<rect width="8" height="8" fill="#86a666"/>
<g id="a">
<g id="b">
<g id="c">
<g id="d">
<rect width="1" height="1" fill="#ffffdd" id="e"/>
<use x="2" href="#e" x:href="#e"/>
<use x="1" y="1" href="#e" x:href="#e"/>
<rect y="1" width="1" height="1" fill="#86a666" id="f"/>
<use x="1" y="-1" href="#f" x:href="#f"/>
</g>
<use x="4" href="#d" x:href="#d"/>
<use x="2" href="#d" x:href="#d"/>
</g>
<use x="1" y="1" href="#c" x:href="#c"/>
<use x="4" href="#c" x:href="#c"/>
</g>
<use y="2" href="#b" x:href="#b"/>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 586 B

After

Width:  |  Height:  |  Size: 657 B

9
public/images/board/svg/purple.svg
View File

@ -1,17 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:x="http://www.w3.org/1999/xlink"
viewBox="0 0 8 8" shape-rendering="crispEdges">
<rect width="8" height="8" fill="#7d4a8d"/>
<g id="a">
<g id="b">
<g id="c">
<g id="d">
<rect width="1" height="1" fill="#9f90b0" id="e"/>
<use x="2" href="#e" x:href="#e"/>
<use x="1" y="1" href="#e" x:href="#e"/>
<rect y="1" width="1" height="1" fill="#7d4a8d" id="f"/>
<use x="1" y="-1" href="#f" x:href="#f"/>
</g>
<use x="4" href="#d" x:href="#d"/>
<use x="2" href="#d" x:href="#d"/>
</g>
<use x="1" y="1" href="#c" x:href="#c"/>
<use x="4" href="#c" x:href="#c"/>
</g>
<use y="2" href="#b" x:href="#b"/>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 586 B

After

Width:  |  Height:  |  Size: 657 B