jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

minor

Browse source
This commit is contained in:
Ilya Kantor 2019-08-19 11:42:30 +03:00
parent 42603c01ba
commit 07784d8cfa
5 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseover-bubble-nested.svg
View file

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="258" height="143" viewBox="0 0 258 143"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><filter id="filter-2" width="212.1%" height="203.6%" x="-52.6%" y="-43.3%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/></filter><path id="path-1" d="M7.84 8.516l4.647-1.651L0 0l3.64 13.776 2.726-4.108 3.264 4.177 1.474-1.152z"/></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-bubble-nested.svg"><path id="Rectangle-210" fill="#FFDE99" d="M184.47 57L200 119H78l15.53-62z"/><path id="Rectangle-209" stroke="#99C0C3" stroke-width="18" d="M207.628 30H70.372L50.167 96h177.666l-20.205-66z"/><path id="Fill-54" fill="#EE6B47" d="M109.435 50l-.683 3.884c-15.408-.725-31.056.348-45.752 3.22l5.647 7.733c12.417-2.427 25.638-3.334 38.656-2.721L106.62 66c7.56-2.333 26.38-5.03 26.38-5.03S118.836 53.132 109.435 50z" transform="rotate(33 98 58)"/><g id="Cursor-/-Default-White" transform="translate(122 81)"><g id="Rectangle-237"><use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/><path fill="#FFF" stroke="#000" stroke-opacity=".8" d="M8.662 8.755l3.144 4.025-2.262 1.767-3.145-4.025-2.958 4.459L-.78-1l14.484 7.963-5.041 1.792z"/></g></g><text id="mouseout" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="21" y="33">mouseout</tspan></text><text id="mouseover" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="144" y="81">mouseover</tspan></text><text id="#parent" fill="#99C0C3" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="4" y="18">#parent</tspan></text><text id="#child" fill="#FFDE99" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="4" y="124">#child</tspan></text><path id="Fill-46" fill="#5A4739" d="M124.709 37.276a2.456 2.456 0 000 3.452 2.404 2.404 0 003.42 0l5.452-5.499v40.33a2.43 2.43 0 002.42 2.441 2.43 2.43 0 002.418-2.441v-40.33l5.451 5.5a2.405 2.405 0 003.422 0c.944-.954.944-2.5 0-3.453l-9.485-9.569a2.392 2.392 0 00-1.807-.705 2.395 2.395 0 00-1.808.705l-9.483 9.569z"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="258" height="143" viewBox="0 0 258 143"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><filter id="filter-2" width="212.1%" height="203.6%" x="-52.6%" y="-43.3%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/></filter><path id="path-1" d="M7.84 8.516l4.647-1.651L0 0l3.64 13.776 2.726-4.108 3.264 4.177 1.474-1.152z"/></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-bubble-nested.svg"><path id="Rectangle-210" fill="#FFDE99" d="M184.47 57L200 119H78l15.53-62z"/><path id="Rectangle-209" stroke="#99C0C3" stroke-width="18" d="M207.628 30H70.372L50.167 96h177.666l-20.205-66z"/><path id="Fill-54" fill="#EE6B47" d="M109.435 50l-.683 3.884c-15.408-.725-31.056.348-45.752 3.22l5.647 7.733c12.417-2.427 25.638-3.334 38.656-2.721L106.62 66c7.56-2.333 26.38-5.03 26.38-5.03S118.836 53.132 109.435 50z" transform="rotate(33 98 58)"/><g id="Cursor-/-Default-White" transform="translate(122 81)"><g id="Rectangle-237"><use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/><path fill="#FFF" stroke="#000" stroke-opacity=".8" d="M8.662 8.755l3.144 4.025-2.262 1.767-3.145-4.025-2.958 4.459L-.78-1l14.484 7.963-5.041 1.792z"/></g></g><text id="mouseout" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="21" y="33">mouseout</tspan></text><text id="mouseover" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="144" y="81">mouseover</tspan></text><text id="#parent" fill="#99C0C3" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="4" y="18">#parent</tspan></text><text id="#child" fill="#ECC678" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="4" y="124">#child</tspan></text><path id="Fill-46" fill="#5A4739" d="M124.709 37.276a2.456 2.456 0 000 3.452 2.404 2.404 0 003.42 0l5.452-5.499v40.33a2.43 2.43 0 002.42 2.441 2.43 2.43 0 002.418-2.441v-40.33l5.451 5.5a2.405 2.405 0 003.422 0c.944-.954.944-2.5 0-3.453l-9.485-9.569a2.392 2.392 0 00-1.807-.705 2.395 2.395 0 00-1.808.705l-9.483 9.569z"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

Before After
Before After

2
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseover-to-child.svg
View file

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="274" height="143" viewBox="0 0 274 143"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><filter id="filter-2" width="212.1%" height="203.6%" x="-52.6%" y="-43.3%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/></filter><path id="path-1" d="M7.84 8.516l4.647-1.651L0 0l3.64 13.776 2.726-4.108 3.264 4.177 1.474-1.152z"/></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-to-child.svg"><path id="Rectangle-210" fill="#FFDE99" d="M200.47 59L216 121H94l15.53-62z"/><path id="Rectangle-209" stroke="#99C0C3" stroke-width="18" d="M223.628 32H86.372L66.167 98h177.666l-20.205-66z"/><path id="Fill-54" fill="#EE6B47" d="M125.435 52l-.683 3.884c-15.408-.725-31.056.348-45.752 3.22l5.647 7.733c12.417-2.427 25.638-3.334 38.656-2.721L122.62 68c7.56-2.333 26.38-5.03 26.38-5.03S134.836 55.132 125.435 52z" transform="rotate(33 114 60)"/><g id="Cursor-/-Default-White" transform="translate(145 82)"><g id="Rectangle-237"><use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/><path fill="#FFF" stroke="#000" stroke-opacity=".8" d="M8.662 8.755l3.144 4.025-2.262 1.767-3.145-4.025-2.958 4.459L-.78-1l14.484 7.963-5.041 1.792z"/></g></g><text id="mouseout" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="80" y="37">mouseout</tspan></text><text id="mouseover" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="145" y="77">mouseover</tspan></text><text id="#parent" fill="#99C0C3" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="14" y="21">#parent</tspan></text><text id="#child" fill="#FFDE99" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="14" y="126">#child</tspan></text></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="274" height="143" viewBox="0 0 274 143"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><filter id="filter-2" width="212.1%" height="203.6%" x="-52.6%" y="-43.3%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/></filter><path id="path-1" d="M7.84 8.516l4.647-1.651L0 0l3.64 13.776 2.726-4.108 3.264 4.177 1.474-1.152z"/></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-to-child.svg"><path id="Rectangle-210" fill="#FFDE99" d="M200.47 59L216 121H94l15.53-62z"/><path id="Rectangle-209" stroke="#99C0C3" stroke-width="18" d="M223.628 32H86.372L66.167 98h177.666l-20.205-66z"/><path id="Fill-54" fill="#EE6B47" d="M125.435 52l-.683 3.884c-15.408-.725-31.056.348-45.752 3.22l5.647 7.733c12.417-2.427 25.638-3.334 38.656-2.721L122.62 68c7.56-2.333 26.38-5.03 26.38-5.03S134.836 55.132 125.435 52z" transform="rotate(33 114 60)"/><g id="Cursor-/-Default-White" transform="translate(145 82)"><g id="Rectangle-237"><use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/><path fill="#FFF" stroke="#000" stroke-opacity=".8" d="M8.662 8.755l3.144 4.025-2.262 1.767-3.145-4.025-2.958 4.459L-.78-1l14.484 7.963-5.041 1.792z"/></g></g><text id="mouseout" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="80" y="37">mouseout</tspan></text><text id="mouseover" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="145" y="77">mouseover</tspan></text><text id="#parent" fill="#99C0C3" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="14" y="21">#parent</tspan></text><text id="#child" fill="#ECC678" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="14" y="126">#child</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After