Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 22:15:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision d7afcb8708eac08a614d161d5622a48172daf7e3

Browse source
This commit is contained in:
WPT Sync Bot 2019-05-15 10:40:54 -04:00 • committed by Josh Matthews
parent 6f8bb4dd40
commit edff458e23
791 changed files with 17647 additions and 10322 deletions
Download patch file Download diff file Expand all files Collapse all files

18
tests/wpt/web-platform-tests/css/css-flexbox/auto-margins-002.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<title>css-flexbox: Tests that we correctly align an image with auto margins and max-height</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#auto-margins" title="8.1. Aligning with 'auto' margins">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<!-- we position this div on top of the flexbox to cover up the red where
we expect it to be; letting the red in the wrong places shine through -->
<div style="position: absolute; height: 100px; width: 100px; z-index: 1;">
<div style="height: 25px; background: green;"></div>
<div style="height: 50px; background: transparent;"></div>
<div style="height: 25px; background: green;"></div>
</div>
<div style="width: 100px; height: 100px; background: red; display: flex;">
<img src="support/300x150-green.png" style="margin: auto; max-width: 100%; max-height: 100px;">
</div>

32
tests/wpt/web-platform-tests/css/css-flexbox/flex-direction-row-vertical-ref.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Reference: flex-direction:row has the same orientation as inline axis</title>
<style>
#vertical {
writing-mode: vertical-lr;
}
.test {
display: flex;
width: 3em;
flex-direction: row;
}
.test > span {
width: 1em;
}
</style>
</head>
<body>
<p>Test passes if both the two columns below are identical.</p>
<div id="vertical">
<div class="test">
<span>A</span><span>B</span><span>C</span>
</div>
<div class="test">
<span>A</span><span>B</span><span>C</span>
</div>
</div>
</body>
</html>

1
tests/wpt/web-platform-tests/css/css-flexbox/flex-direction-row-vertical.html
View file

@ -5,6 +5,7 @@
<link rel="author" title="Sylvain Galineau" href="mailto:galineau@adobe.com">
<link rel="reviewer" title="Arron Eicholz" href="mailto:arronei@microsoft.com">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction">
<link rel="match" href="flex-direction-row-vertical-ref.html">
<meta name="flags" content="">
<meta name="assert" content="This test checks that the main axis of the row flex-direction has the same orientation as the inline axis of the current vertical writing mode">
<style>

4
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_absolute-atomic-ref.html
View file

@ -16,6 +16,6 @@ div div {
</style>
<div>
<div>damer</div>
<div>damer</div>
<div>filler</div>
<div>filler</div>
</div>

6
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_absolute-atomic.html
View file

@ -22,7 +22,7 @@ div div {
</style>
<div>
<div>damer</div>
<div id="abs">damer</div>
<div>damer</div>
<div>filler</div>
<div id="abs">filler</div>
<div>filler</div>
</div>

2
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_box-clear-ref.html
View file

@ -20,7 +20,7 @@ div div {
}
</style>
<div id="float">damer</div>
<div id="float">filler</div>
<div id="flex">
<div>Yellow box should be below the blue box</div>

2
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_box-clear.html
View file

@ -23,7 +23,7 @@ div div {
}
</style>
<div id="float">damer</div>
<div id="float">filler</div>
<div id="flex">
<div>Yellow box should be below the blue box</div>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_columns.html
View file

@ -19,8 +19,8 @@ ul {
<ul>
<li>one two three four</li>
<li>damer</li>
<li>damer</li>
<li>damer</li>
<li>damer</li>
<li>filler</li>
<li>filler</li>
<li>filler</li>
<li>filler</li>
</ul>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_direction-column-ref.html
View file

@ -19,8 +19,8 @@ span~span {
</style>
<div>
<span>damer</span>
<span>damer</span>
<span>damer</span>
<span>damer</span>
<span>filler</span>
<span>filler</span>
<span>filler</span>
<span>filler</span>
</div>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_direction-column-reverse-ref.html
View file

@ -22,8 +22,8 @@ span~span {
</style>
<div>
<span>damer</span>
<span>damer</span>
<span>damer</span>
<span class="test">damer</span>
<span>filler</span>
<span>filler</span>
<span>filler</span>
<span class="test">filler</span>
</div>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_direction-column-reverse.html
View file

@ -25,8 +25,8 @@ span {
</style>
<div>
<span class="test">damer</span>
<span>damer</span>
<span>damer</span>
<span>damer</span>
<span class="test">filler</span>
<span>filler</span>
<span>filler</span>
<span>filler</span>
</div>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_direction-column.html
View file

@ -22,8 +22,8 @@ span {
</style>
<div>
<span>damer</span>
<span>damer</span>
<span>damer</span>
<span>damer</span>
<span>filler</span>
<span>filler</span>
<span>filler</span>
<span>filler</span>
</div>

2
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_display-ref.html
View file

@ -15,6 +15,6 @@ li {
</style>
<ol>
<li>damer</li>
<li>filler</li>
<li>Antidisestablishmentarianism</li>
</ol>

2
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_display.html
View file

@ -20,6 +20,6 @@ li {
</style>
<ul>
<li>damer</li>
<li>filler</li>
<li>Antidisestablishmentarianism</li>
</ul>

2
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_fbfc-ref.html
View file

@ -23,7 +23,7 @@ div div {
}
</style>
<div id="float">damer</div>
<div id="float">filler</div>
<div id="flex">
<div>Yellow box should be below the blue box</div>

2
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_fbfc.html
View file

@ -24,7 +24,7 @@ div div {
}
</style>
<div id="float">damer</div>
<div id="float">filler</div>
<div id="flex">
<div>Yellow box should be below the blue box</div>

2
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_first-line-ref.html
View file

@ -18,5 +18,5 @@ li {
</style>
<ul>
<li>damer</li><li>Antidisestablishmentarianism</li><li>damer</li><li>Antidisestablishmentarianism</li><li>Antidisestablishmentarianism</li><li>damer</li><li>Antidisestablishmentarianism</li><li>damer</li>
<li>filler</li><li>Antidisestablishmentarianism</li><li>filler</li><li>Antidisestablishmentarianism</li><li>Antidisestablishmentarianism</li><li>filler</li><li>Antidisestablishmentarianism</li><li>filler</li>
</ul>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_first-line.html
View file

@ -24,12 +24,12 @@ ul:first-child::first-line {
</style>
<ul>
<li>damer</li>
<li>filler</li>
<li>Antidisestablishmentarianism</li>
<li>damer</li>
<li>filler</li>
<li>Antidisestablishmentarianism</li>
<li>Antidisestablishmentarianism</li>
<li>damer</li>
<li>filler</li>
<li>Antidisestablishmentarianism</li>
<li>damer</li>
<li>filler</li>
</ul>

2
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_item-clear-ref.html
View file

@ -18,7 +18,7 @@ div div {
}
</style>
<div id="float">damer</div>
<div id="float">filler</div>
<div id="flex">
<div>Yellow box should be to the right of the blue box, and

2
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_item-clear.html
View file

@ -21,7 +21,7 @@ div div {
}
</style>
<div id="float">damer</div>
<div id="float">filler</div>
<div id="flex">
<div>Yellow box should be to the right of the blue box, and

4
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_margin-collapse-ref.html
View file

@ -18,6 +18,6 @@ p+p {
</style>
<div>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
</div>

4
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_margin-collapse.html
View file

@ -20,6 +20,6 @@ p {
</style>
<div>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
</div>

6
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_order-abspos-space-around-ref.html
View file

@ -23,7 +23,7 @@ span+span+span {left: 20em;}
</style>
<div>
<span>damer</span>
<span>damer</span>
<span>damer</span>
<span>filler</span>
<span>filler</span>
<span>filler</span>
</div>

6
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_order-abspos-space-around.html
View file

@ -27,8 +27,8 @@ span {
</style>
<div>
<span>damer</span>
<span>filler</span>
<span id="test"></span>
<span>damer</span>
<span>damer</span>
<span>filler</span>
<span>filler</span>
</div>

30
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_rowspan-overflow-automatic.html
View file

@ -33,31 +33,31 @@ p {
<tr>
<td rowspan="2">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</td>
<td>
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</td>
</tr>
<tr>
<td>
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</td>
</tr>

30
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_rowspan-overflow.html
View file

@ -32,31 +32,31 @@ p {
<tr>
<td rowspan="2">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</td>
<td>
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</td>
</tr>
<tr>
<td>
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</td>
</tr>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_rtl-direction-ref.html
View file

@ -32,8 +32,8 @@ span:last-child {
</style>
<div>
<span>damer</span>
<span>damer</span>
<span>damer</span>
<span class="test">damer</span>
<span>filler</span>
<span>filler</span>
<span>filler</span>
<span class="test">filler</span>
</div>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_rtl-direction.html
View file

@ -26,8 +26,8 @@ span {
</style>
<div>
<span class="test">damer</span>
<span>damer</span>
<span>damer</span>
<span>damer</span>
<span class="test">filler</span>
<span>filler</span>
<span>filler</span>
<span>filler</span>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-abspos.html
View file

@ -24,10 +24,10 @@ p {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

11
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-fixpos.html
View file

@ -2,6 +2,7 @@
<title>flexbox | flexcontainer versus stf :: fixed</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items">
<link rel="match" href="about:blank">
<style>
#test {
background: red;
@ -23,10 +24,10 @@ p {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-float.html
View file

@ -24,10 +24,10 @@ p {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-inline-block.html
View file

@ -24,10 +24,10 @@ p {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-table-caption.html
View file

@ -24,10 +24,10 @@ p {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-table-cell.html
View file

@ -24,10 +24,10 @@ p {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-table-row-group.html
View file

@ -24,10 +24,10 @@ p {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-table-row.html
View file

@ -24,10 +24,10 @@ p {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-table-singleline-2.html
View file

@ -25,10 +25,10 @@ p:last-child {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

2
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-table-singleline-ref.html
View file

@ -11,5 +11,5 @@ p {
</style>
<div>
<p>damerdamerdamerdamerdamer</p>
<p>fillerfillerfillerfillerfiller</p>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-table-singleline.html
View file

@ -22,10 +22,10 @@ p {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_stf-table.html
View file

@ -24,10 +24,10 @@ p {
<div id="test">
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</div>

20
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_table-fixed-layout.html
View file

@ -33,20 +33,20 @@ p {
<tr>
<td>
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</td>
<td>
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>
</td>
</tr>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_visibility-collapse-line-wrapping-ref.html
View file

@ -24,8 +24,8 @@ p {
</style>
<div>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_visibility-collapse-line-wrapping.html
View file

@ -27,10 +27,10 @@ p {
</style>
<div>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p class="test">FAIL</p>
<p class="test">FAIL</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
</div>

4
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_visibility-collapse-ref.html
View file

@ -22,6 +22,6 @@ p {
</style>
<div>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
</div>

4
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_visibility-collapse.html
View file

@ -24,7 +24,7 @@ p {
</style>
<div>
<p>damer</p>
<p>filler</p>
<p id="test">FAIL</p>
<p>damer</p>
<p>filler</p>
</div>

8
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_width-overflow.html
View file

@ -19,8 +19,8 @@ p {width: 200px;}
<div>
<p>one two three four</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>damer</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
<p>filler</p>
</div>

2
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-items-invalid.html
View file

@ -8,7 +8,7 @@
<style>
body {
color: red;
align-items: damer;
align-items: filler;
}
</style>
<div id="log"></div>

2
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_align-self-invalid.html
View file

@ -8,7 +8,7 @@
<style>
body {
color: red;
align-self: damer;
align-self: filler;
}
</style>
<div id="log"></div>

2
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-direction-invalid.html
View file

@ -8,7 +8,7 @@
<style>
body {
color: red;
flex-direction: damer;
flex-direction: filler;
}
</style>
<div id="log"></div>

2
tests/wpt/web-platform-tests/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_flex-wrap-invalid.html
View file

@ -8,7 +8,7 @@
<style>
body {
color: red;
flex-wrap: damer;
flex-wrap: filler;
}
</style>
<div id="log"></div>

37
tests/wpt/web-platform-tests/css/css-flexbox/inheritance.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Inheritance of CSS Flexible Box Layout properties</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#property-index">
<link rel="help" href="https://drafts.csswg.org/css-align/#property-index">
<meta name="assert" content="Properties do not inherit, according to the spec.">
<meta name="assert" content="Properties have initial values according to the spec.">
<meta name="assert" content="align-content, align-items, justify-content have initial value 'normal' as specified in CSS Box Alignment.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/inheritance-testcommon.js"></script>
<style>
#container, #target {
display: flex;
}
</style>
</head>
<body>
<div id="container">
<div id="target"></div>
</div>
<script>
assert_not_inherited('align-content', 'normal', 'center'); // initial value was "stretch" in flexbox-1
assert_not_inherited('align-items', 'normal', 'center'); // initial value was "stretch" in flexbox-1
assert_not_inherited('align-self', 'auto', 'stretch');
assert_not_inherited('flex-basis', 'auto', '10px');
assert_not_inherited('flex-direction', 'row', 'column');
assert_not_inherited('flex-grow', '0', '2');
assert_not_inherited('flex-shrink', '1', '3');
assert_not_inherited('flex-wrap', 'nowrap', 'wrap-reverse');
assert_not_inherited('justify-content', 'normal', 'center'); // initial value was "flex-start" in flexbox-1
assert_not_inherited('order', '0', '2');
</script>
</body>
</html>

12
tests/wpt/web-platform-tests/css/css-flexbox/item-with-max-height-and-scrollbar.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<title>css-flexbox: Tests that we correctly size a flex item with a scrollbar and max-height</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#resolve-flexible-lengths">
<link rel="match" href="reference/item-with-max-height-and-scrollbar-ref.html">
<div style="display: flex; width: 100px; flex-direction: column;">
<div style="overflow: scroll; max-height: 100%; min-height: 0; background: green;">
<div style="height: 100px; width: 100px;">
</div>
</div>
</div>

10
tests/wpt/web-platform-tests/css/css-flexbox/reference/item-with-max-height-and-scrollbar-ref.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<title>css-flexbox: Tests that we correctly size a flex item with a scrollbar and max-height</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<div style="width: 100px;">
<div style="overflow: scroll; background: green;">
<div style="height: 100px; width: 100px;">
</div>
</div>
</div>

BIN
tests/wpt/web-platform-tests/css/css-flexbox/support/300x150-green.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB