midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Fix colours

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-08-20 00:06:44 +02:00
parent 33f6f5c8d2
commit 16573946cb
3 changed files with 153 additions and 447 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
UI/BigComponents/RightControls.ts
View file

@ -23,18 +23,14 @@ export default class RightControls extends Combine {
); );
const plus = new MapControlButton( const plus = new MapControlButton(
Svg.plus_svg(),{ Svg.plus_svg()
dontStyle:true
}
).onClick(() => { ).onClick(() => {
State.state.locationControl.data.zoom++; State.state.locationControl.data.zoom++;
State.state.locationControl.ping(); State.state.locationControl.ping();
}); });
const min = new MapControlButton( const min = new MapControlButton(
Svg.min_svg(),{ Svg.min_svg()
dontStyle: true
}
).onClick(() => { ).onClick(() => {
State.state.locationControl.data.zoom--; State.state.locationControl.data.zoom--;
State.state.locationControl.ping(); State.state.locationControl.ping();

319
assets/svg/min.svg
View file

@ -5,16 +5,12 @@
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" style="fill:none"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="98"
height="98"
viewBox="0 0 98 98"
version="1.1"
id="svg132" id="svg132"
sodipodi:docname="min.svg" version="1.1"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)" viewBox="0 0 98 98"
style="fill:none"> height="98"
width="98">
<metadata <metadata
id="metadata136"> id="metadata136">
<rdf:RDF> <rdf:RDF>
@ -27,246 +23,217 @@
</cc:Work> </cc:Work>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="999"
id="namedview134"
showgrid="false"
showguides="true"
inkscape:guide-bbox="true"
inkscape:zoom="5.5166017"
inkscape:cx="44.241615"
inkscape:cy="51.981151"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg132">
<sodipodi:guide
position="48.580633,-10.69499"
orientation="1,0"
id="guide959"
inkscape:locked="false" />
</sodipodi:namedview>
<defs <defs
id="defs130"> id="defs130">
<filter <filter
id="filter0_d" style="color-interpolation-filters:sRGB"
x="58.84" filterUnits="userSpaceOnUse"
y="52.703999"
width="25.4126"
height="17.436001" height="17.436001"
filterUnits="userSpaceOnUse" width="25.4126"
style="color-interpolation-filters:sRGB"> y="52.703999"
x="58.84"
id="filter0_d">
<feFlood <feFlood
flood-opacity="0" id="feFlood52"
result="BackgroundImageFix" result="BackgroundImageFix"
id="feFlood52" /> flood-opacity="0" />
<feColorMatrix <feColorMatrix
in="SourceAlpha" id="feColorMatrix54"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
id="feColorMatrix54" />
<feOffset
dy="4"
id="feOffset56" />
<feGaussianBlur
stdDeviation="2"
id="feGaussianBlur58" />
<feColorMatrix
type="matrix" type="matrix"
in="SourceAlpha" />
<feOffset
id="feOffset56"
dy="4" />
<feGaussianBlur
id="feGaussianBlur58"
stdDeviation="2" />
<feColorMatrix
id="feColorMatrix60"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
id="feColorMatrix60" /> type="matrix" />
<feBlend <feBlend
mode="normal" id="feBlend62"
in2="BackgroundImageFix"
result="effect1_dropShadow" result="effect1_dropShadow"
id="feBlend62" /> in2="BackgroundImageFix"
mode="normal" />
<feBlend <feBlend
mode="normal" id="feBlend64"
in="SourceGraphic"
in2="effect1_dropShadow"
result="shape" result="shape"
id="feBlend64" /> in2="effect1_dropShadow"
in="SourceGraphic"
mode="normal" />
</filter> </filter>
<filter <filter
id="filter1_d" style="color-interpolation-filters:sRGB"
x="14" filterUnits="userSpaceOnUse"
y="15"
width="38.000099"
height="38" height="38"
filterUnits="userSpaceOnUse" width="38.000099"
style="color-interpolation-filters:sRGB"> y="15"
x="14"
id="filter1_d">
<feFlood <feFlood
flood-opacity="0" id="feFlood67"
result="BackgroundImageFix" result="BackgroundImageFix"
id="feFlood67" /> flood-opacity="0" />
<feColorMatrix <feColorMatrix
in="SourceAlpha" id="feColorMatrix69"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
id="feColorMatrix69" />
<feOffset
dy="4"
id="feOffset71" />
<feGaussianBlur
stdDeviation="2"
id="feGaussianBlur73" />
<feColorMatrix
type="matrix" type="matrix"
in="SourceAlpha" />
<feOffset
id="feOffset71"
dy="4" />
<feGaussianBlur
id="feGaussianBlur73"
stdDeviation="2" />
<feColorMatrix
id="feColorMatrix75"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
id="feColorMatrix75" /> type="matrix" />
<feBlend <feBlend
mode="normal" id="feBlend77"
in2="BackgroundImageFix"
result="effect1_dropShadow" result="effect1_dropShadow"
id="feBlend77" /> in2="BackgroundImageFix"
mode="normal" />
<feBlend <feBlend
mode="normal" id="feBlend79"
in="SourceGraphic"
in2="effect1_dropShadow"
result="shape" result="shape"
id="feBlend79" /> in2="effect1_dropShadow"
in="SourceGraphic"
mode="normal" />
</filter> </filter>
<filter <filter
id="filter2_d" style="color-interpolation-filters:sRGB"
x="39.5" filterUnits="userSpaceOnUse"
y="7"
width="53"
height="53" height="53"
filterUnits="userSpaceOnUse" width="53"
style="color-interpolation-filters:sRGB"> y="7"
x="39.5"
id="filter2_d">
<feFlood <feFlood
flood-opacity="0" id="feFlood82"
result="BackgroundImageFix" result="BackgroundImageFix"
id="feFlood82" /> flood-opacity="0" />
<feColorMatrix <feColorMatrix
in="SourceAlpha" id="feColorMatrix84"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
id="feColorMatrix84" />
<feOffset
dy="4"
id="feOffset86" />
<feGaussianBlur
stdDeviation="2"
id="feGaussianBlur88" />
<feColorMatrix
type="matrix" type="matrix"
in="SourceAlpha" />
<feOffset
id="feOffset86"
dy="4" />
<feGaussianBlur
id="feGaussianBlur88"
stdDeviation="2" />
<feColorMatrix
id="feColorMatrix90"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
id="feColorMatrix90" /> type="matrix" />
<feBlend <feBlend
mode="normal" id="feBlend92"
in2="BackgroundImageFix"
result="effect1_dropShadow" result="effect1_dropShadow"
id="feBlend92" /> in2="BackgroundImageFix"
mode="normal" />
<feBlend <feBlend
mode="normal" id="feBlend94"
in="SourceGraphic"
in2="effect1_dropShadow"
result="shape" result="shape"
id="feBlend94" /> in2="effect1_dropShadow"
in="SourceGraphic"
mode="normal" />
</filter> </filter>
<filter <filter
id="filter3_d" style="color-interpolation-filters:sRGB"
x="11" filterUnits="userSpaceOnUse"
y="54"
width="54.766701"
height="38.142899" height="38.142899"
filterUnits="userSpaceOnUse" width="54.766701"
style="color-interpolation-filters:sRGB"> y="54"
x="11"
id="filter3_d">
<feFlood <feFlood
flood-opacity="0" id="feFlood97"
result="BackgroundImageFix" result="BackgroundImageFix"
id="feFlood97" /> flood-opacity="0" />
<feColorMatrix <feColorMatrix
in="SourceAlpha" id="feColorMatrix99"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
id="feColorMatrix99" />
<feOffset
dy="4"
id="feOffset101" />
<feGaussianBlur
stdDeviation="2"
id="feGaussianBlur103" />
<feColorMatrix
type="matrix" type="matrix"
in="SourceAlpha" />
<feOffset
id="feOffset101"
dy="4" />
<feGaussianBlur
id="feGaussianBlur103"
stdDeviation="2" />
<feColorMatrix
id="feColorMatrix105"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
id="feColorMatrix105" /> type="matrix" />
<feBlend <feBlend
mode="normal" id="feBlend107"
in2="BackgroundImageFix"
result="effect1_dropShadow" result="effect1_dropShadow"
id="feBlend107" /> in2="BackgroundImageFix"
mode="normal" />
<feBlend <feBlend
mode="normal" id="feBlend109"
in="SourceGraphic"
in2="effect1_dropShadow"
result="shape" result="shape"
id="feBlend109" /> in2="effect1_dropShadow"
in="SourceGraphic"
mode="normal" />
</filter> </filter>
<filter <filter
id="filter4_d" style="color-interpolation-filters:sRGB"
x="41"
y="64"
width="28"
height="29"
filterUnits="userSpaceOnUse" filterUnits="userSpaceOnUse"
style="color-interpolation-filters:sRGB"> height="29"
width="28"
y="64"
x="41"
id="filter4_d">
<feFlood <feFlood
flood-opacity="0" id="feFlood112"
result="BackgroundImageFix" result="BackgroundImageFix"
id="feFlood112" /> flood-opacity="0" />
<feColorMatrix <feColorMatrix
in="SourceAlpha" id="feColorMatrix114"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
id="feColorMatrix114" />
<feOffset
dy="4"
id="feOffset116" />
<feGaussianBlur
stdDeviation="2"
id="feGaussianBlur118" />
<feColorMatrix
type="matrix" type="matrix"
in="SourceAlpha" />
<feOffset
id="feOffset116"
dy="4" />
<feGaussianBlur
id="feGaussianBlur118"
stdDeviation="2" />
<feColorMatrix
id="feColorMatrix120"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
id="feColorMatrix120" /> type="matrix" />
<feBlend <feBlend
mode="normal" id="feBlend122"
in2="BackgroundImageFix"
result="effect1_dropShadow" result="effect1_dropShadow"
id="feBlend122" /> in2="BackgroundImageFix"
mode="normal" />
<feBlend <feBlend
mode="normal" id="feBlend124"
in="SourceGraphic"
in2="effect1_dropShadow"
result="shape" result="shape"
id="feBlend124" /> in2="effect1_dropShadow"
in="SourceGraphic"
mode="normal" />
</filter> </filter>
<clipPath <clipPath
id="clip0"> id="clip0">
<rect <rect
width="31.819799" style="fill:#ffffff"
height="31.819799"
transform="rotate(-45,57.35965,-37.759145)"
id="rect127"
x="0"
y="0" y="0"
style="fill:#ffffff" /> x="0"
id="rect127"
transform="rotate(-45,57.35965,-37.759145)"
height="31.819799"
width="31.819799" />
</clipPath> </clipPath>
</defs> </defs>
<path <path
style="fill:none;stroke:#000000;stroke-width:23.81633949;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 85.63011,49.228524 -73.131482,6e-6 v 0"
id="path815" id="path815"
inkscape:connector-curvature="0" /> d="m 12.498047,37.320312 a 11.909361,11.909361 0 1 0 0,23.816407 h 73.132812 a 11.909361,11.909361 0 1 0 0,-23.816407 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:23.81633949;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

273
assets/svg/plus.svg
View file

@ -1,277 +1,20 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg <svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" width="97.287025"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" height="97.287033"
width="98" viewBox="0 0 97.287025 97.287033"
height="98"
viewBox="0 0 98 98"
version="1.1" version="1.1"
id="svg132" id="svg132"
sodipodi:docname="plus.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
style="fill:none"> style="fill:none">
<metadata
id="metadata136">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="999"
id="namedview134"
showgrid="false"
showguides="true"
inkscape:guide-bbox="true"
inkscape:zoom="5.5166017"
inkscape:cx="44.241615"
inkscape:cy="51.981151"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg132">
<sodipodi:guide
position="48.580633,-10.69499"
orientation="1,0"
id="guide959"
inkscape:locked="false" />
</sodipodi:namedview>
<defs <defs
id="defs130"> id="defs8" />
<filter
id="filter0_d"
x="58.84"
y="52.703999"
width="25.4126"
height="17.436001"
filterUnits="userSpaceOnUse"
style="color-interpolation-filters:sRGB">
<feFlood
flood-opacity="0"
result="BackgroundImageFix"
id="feFlood52" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
id="feColorMatrix54" />
<feOffset
dy="4"
id="feOffset56" />
<feGaussianBlur
stdDeviation="2"
id="feGaussianBlur58" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
id="feColorMatrix60" />
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow"
id="feBlend62" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow"
result="shape"
id="feBlend64" />
</filter>
<filter
id="filter1_d"
x="14"
y="15"
width="38.000099"
height="38"
filterUnits="userSpaceOnUse"
style="color-interpolation-filters:sRGB">
<feFlood
flood-opacity="0"
result="BackgroundImageFix"
id="feFlood67" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
id="feColorMatrix69" />
<feOffset
dy="4"
id="feOffset71" />
<feGaussianBlur
stdDeviation="2"
id="feGaussianBlur73" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
id="feColorMatrix75" />
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow"
id="feBlend77" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow"
result="shape"
id="feBlend79" />
</filter>
<filter
id="filter2_d"
x="39.5"
y="7"
width="53"
height="53"
filterUnits="userSpaceOnUse"
style="color-interpolation-filters:sRGB">
<feFlood
flood-opacity="0"
result="BackgroundImageFix"
id="feFlood82" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
id="feColorMatrix84" />
<feOffset
dy="4"
id="feOffset86" />
<feGaussianBlur
stdDeviation="2"
id="feGaussianBlur88" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
id="feColorMatrix90" />
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow"
id="feBlend92" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow"
result="shape"
id="feBlend94" />
</filter>
<filter
id="filter3_d"
x="11"
y="54"
width="54.766701"
height="38.142899"
filterUnits="userSpaceOnUse"
style="color-interpolation-filters:sRGB">
<feFlood
flood-opacity="0"
result="BackgroundImageFix"
id="feFlood97" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
id="feColorMatrix99" />
<feOffset
dy="4"
id="feOffset101" />
<feGaussianBlur
stdDeviation="2"
id="feGaussianBlur103" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
id="feColorMatrix105" />
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow"
id="feBlend107" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow"
result="shape"
id="feBlend109" />
</filter>
<filter
id="filter4_d"
x="41"
y="64"
width="28"
height="29"
filterUnits="userSpaceOnUse"
style="color-interpolation-filters:sRGB">
<feFlood
flood-opacity="0"
result="BackgroundImageFix"
id="feFlood112" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
id="feColorMatrix114" />
<feOffset
dy="4"
id="feOffset116" />
<feGaussianBlur
stdDeviation="2"
id="feGaussianBlur118" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
id="feColorMatrix120" />
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow"
id="feBlend122" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow"
result="shape"
id="feBlend124" />
</filter>
<clipPath
id="clip0">
<rect
width="31.819799"
height="31.819799"
transform="rotate(-45,57.35965,-37.759145)"
id="rect127"
x="0"
y="0"
style="fill:#ffffff" />
</clipPath>
</defs>
<path <path
style="fill:none;stroke:#000000;stroke-width:23.81633949;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 85.267568,49.047253 -73.131482,6e-6 v 0"
id="path815" id="path815"
inkscape:connector-curvature="0" /> d="m 12.078125,36.966797 a 11.909361,11.909361 0 1 0 0,23.816406 h 73.130859 a 11.909361,11.909361 0 1 0 0,-23.816406 z"
style="color:#000000;" />
<path <path
style="fill:none;stroke:#000000;stroke-width:23.81633949;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 48.580653,12.250061 -1.5e-5,73.131491 v 0"
id="path815-3" id="path815-3"
inkscape:connector-curvature="0" /> d="M 48.34375,0.00195313 A 11.909361,11.909361 0 0 0 36.613281,12.078125 v 73.130859 a 11.909361,11.909361 0 1 0 23.816407,0 V 12.078125 A 11.909361,11.909361 0 0 0 48.34375,0.00195313 Z"
style="color:#000000;"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 700 B