Translate operations icons rather than adding x,y attributes to the symbol

(Internet Explorer ignores the x,y attributes)
This commit is contained in:
Bryan Housel
2015-11-05 10:43:06 -05:00
parent ed2a25bff4
commit d8e627b9b1
10 changed files with 35 additions and 52 deletions
+14 -14
View File
@@ -130,52 +130,52 @@
</symbol>
</g>
<g id="operations">
<symbol id="operation-continue" viewBox="440 380 20 20" x="-10" y="-10">
<symbol id="operation-continue" viewBox="440 380 20 20">
<path d="M454,384 C450.686,384 448,386.686 448,390 C448,393.314 450.686,396 454,396 C457.314,396 460,393.314 460,390 C460,386.686 457.314,384 454,384 z M453,386 L455,386 L455,389 L458,389 L458,391 L455,391 L455,394 L453,394 L453,391 L450,391 L450,389 L453,389 L453,386 z M445,389 L445,391 L447,391 L447,389 L445,389 z" fill="currentColor" id="operation-continue-shape2"/>
<path d="M442,388 C440.895,388 440,388.895 440,390 C440,391.105 440.895,392 442,392 C443.105,392 444,391.105 444,390 C444,388.895 443.105,388 442,388 z" fill="inherit" id="operation-continue-shape"/>
</symbol>
<symbol id="operation-smooth" viewBox="420 380 20 20" x="-10" y="-10">
<symbol id="operation-smooth" viewBox="420 380 20 20">
<path d="M429,385 L429,388 L428,388 L427,389 L430,392 L433,389 L432,388 L431,388 L431,385 C431,385 429,385 429,385 z" fill="currentColor" id="operation-smooth-shape2"/>
<path d="M432,398 C433.333,398 434.219,397.219 434.719,396.719 C435.219,396.219 435.333,396 436,396 L437,396 L437,394 L436,394 C434.667,394 433.781,394.781 433.281,395.281 C432.781,395.781 432.667,396 432,396 C431.833,396 431.794,395.991 431.594,395.75 C431.393,395.509 431.156,395.062 430.906,394.562 C430.656,394.062 430.393,393.509 429.969,393 C429.544,392.491 428.833,392 428,392 C426.667,392 425.781,392.781 425.281,393.281 C424.781,393.781 424.667,394 424,394 L423,394 L423,396 L424,396 C425.333,396 426.219,395.219 426.719,394.719 C427.219,394.219 427.333,394 428,394 C428.167,394 428.206,394.009 428.406,394.25 C428.607,394.491 428.844,394.938 429.094,395.438 C429.344,395.938 429.607,396.491 430.031,397 C430.456,397.509 431.167,398 432,398 z M437,384 L423,384 L423,382 L437,382 L437,384 z" fill="inherit" id="operation-smooth-shape"/>
</symbol>
<symbol id="operation-simplify" viewBox="400 380 20 20" x="-10" y="-10">
<symbol id="operation-simplify" viewBox="400 380 20 20">
<path d="M409.005,387.5 L409.005,391 L408.005,391 L407.005,392 L410.005,395 L413.005,392 L412.005,391 L411.005,391 L411.005,389.5 C409.305,388.65 409.005,387.5 409.005,387.5 z" fill="currentColor" id="operation-simplify-shape2"/>
<path d="M408.005,382 C406.672,382 405.786,382.781 405.286,383.281 C404.786,383.781 404.672,384 404.005,384 L403.005,384 L403.005,386 L404.005,386 C405.338,386 406.224,385.219 406.724,384.719 C407.224,384.219 407.338,384 408.005,384 C408.172,384 408.211,384.009 408.411,384.25 C408.612,384.491 408.849,384.938 409.099,385.438 C409.349,385.938 409.612,386.491 410.036,387 C410.461,387.509 411.172,388 412.005,388 C413.338,388 414.224,387.219 414.724,386.719 C415.224,386.219 415.338,386 416.005,386 L417.005,386 L417.005,384 L416.005,384 C414.672,384 413.786,384.781 413.286,385.281 C412.786,385.781 412.672,386 412.005,386 C411.838,386 411.799,385.991 411.599,385.75 C411.398,385.509 411.161,385.062 410.911,384.562 C410.661,384.062 410.398,383.509 409.974,383 C409.549,382.491 408.838,382 408.005,382 z M403.005,396 L417.005,396 L417.005,398 L403.005,398 L403.005,396 z" fill="inherit" id="operation-simplify-shape"/>
</symbol>
<symbol id="operation-rotate" viewBox="380 380 20 20" x="-10" y="-10">
<symbol id="operation-rotate" viewBox="380 380 20 20">
<path d="M390.005,380 L389.005,381 L389.005,382.062 C385.06,382.556 382.005,385.922 382.005,390 C382.005,394.418 385.587,398 390.005,398 C394.423,398 398.005,394.418 398.005,390 C398.005,387.533 396.886,385.341 395.13,383.875 L393.724,385.281 C395.119,386.38 396.005,388.086 396.005,390 C396.005,393.314 393.319,396 390.005,396 C386.691,396 384.005,393.314 384.005,390 C384.005,387.024 386.164,384.567 389.005,384.094 L389.005,385 L390.005,386 L393.005,383 L390.005,380 z" fill="currentColor" id="operation-rotate-shape2"/>
<path d="M390.005,388 C388.9,388 388.005,388.895 388.005,390 C388.005,391.105 388.9,392 390.005,392 C391.109,392 392.005,391.105 392.005,390 C392.005,388.895 391.109,388 390.005,388 z" fill="inherit" id="operation-rotate-shape"/>
</symbol>
<symbol id="operation-orthogonalize" viewBox="360 380 20 20" x="-10" y="-10">
<symbol id="operation-orthogonalize" viewBox="360 380 20 20">
<path d="M367.005,395 L373.005,395 L373.005,397 L367.005,397 z M363.005,393 L365.005,393 L365.005,387 L363.005,387 z M375.005,393 L377.005,393 L377.005,387 L375.005,387 z M367.005,385 L373.005,385 L373.005,383 L367.005,383 z" fill="currentColor" id="operation-orthogonalize-shape2"/>
<path d="M364.005,382 C362.9,382 362.005,382.895 362.005,384 C362.005,385.105 362.9,386 364.005,386 C365.109,386 366.005,385.105 366.005,384 C366.005,382.895 365.109,382 364.005,382 z M364.005,394 C365.109,394 366.005,394.895 366.005,396 C366.005,397.105 365.109,398 364.005,398 C362.9,398 362.005,397.105 362.005,396 C362.005,394.895 362.9,394 364.005,394 z M376.005,394 C377.109,394 378.005,394.895 378.005,396 C378.005,397.105 377.109,398 376.005,398 C374.9,398 374.005,397.105 374.005,396 C374.005,394.895 374.9,394 376.005,394 z M376.005,382 C377.109,382 378.005,382.895 378.005,384 C378.005,385.105 377.109,386 376.005,386 C374.9,386 374.005,385.105 374.005,384 C374.005,382.895 374.9,382 376.005,382 z" fill="inherit" id="operation-orthogonalize-shape"/>
</symbol>
<symbol id="operation-merge" viewBox="340 380 20 20" x="-10" y="-10">
<symbol id="operation-merge" viewBox="340 380 20 20">
<path d="M356.148,388.488 C356.384,388.488 356.586,388.572 356.754,388.738 C356.921,388.905 357.005,389.107 357.005,389.343 L357.005,390.657 C357.005,390.895 356.921,391.095 356.754,391.262 C356.586,391.43 356.384,391.513 356.148,391.513 L351.518,391.513 L351.518,396.126 C351.518,396.376 351.434,396.583 351.268,396.749 C351.101,396.916 350.897,397 350.661,397 L349.349,397 C349.113,397 348.909,396.916 348.742,396.749 C348.574,396.583 348.492,396.381 348.492,396.143 L348.492,391.513 L343.881,391.513 C343.631,391.513 343.422,391.434 343.256,391.272 C343.089,391.112 343.005,390.906 343.005,390.657 L343.005,389.343 C343.005,389.107 343.089,388.905 343.256,388.738 C343.422,388.572 343.624,388.488 343.862,388.488 L348.492,388.488 L348.492,383.876 C348.492,383.626 348.572,383.419 348.732,383.251 C348.894,383.086 349.1,383 349.349,383 L350.661,383 C350.897,383 351.101,383.086 351.268,383.251 C351.434,383.419 351.518,383.621 351.518,383.857 L351.518,388.488 z" fill="inherit" id="operation-merge-shape"/>
</symbol>
<symbol id="operation-move" viewBox="320 380 20 20" x="-10" y="-10">
<symbol id="operation-move" viewBox="320 380 20 20">
<path d="M330.005,381 L327.005,384 L328.005,385 L329.005,385 L329.005,387 L331.005,387 L331.005,385 L332.005,385 L333.005,384 L330.005,381 z M324.005,387 L325.005,388 L325.005,389 L327.005,389 L327.005,391 L325.005,391 L325.005,392 L324.005,393 L321.005,390 L324.005,387 z M336.005,387 L339.005,390 L336.005,393 L335.005,392 L335.005,391 L333.005,391 L333.005,389 L335.005,389 L335.005,388 L336.005,387 z M329.005,393 L331.005,393 L331.005,395 L332.005,395 L333.005,396 L330.005,399 L327.005,396 L328.005,395 L329.005,395 L329.005,393 z" fill="currentColor" id="operation-move-shape2"/>
<path d="M330.005,388 C328.9,388 328.005,388.895 328.005,390 C328.005,391.105 328.9,392 330.005,392 C331.109,392 332.005,391.105 332.005,390 C332.005,388.895 331.109,388 330.005,388 z" fill="inherit" id="operation-move-shape"/>
</symbol>
<symbol id="operation-reverse" viewBox="300 380 20 20" x="-10" y="-10">
<symbol id="operation-reverse" viewBox="300 380 20 20">
<path d="M308.005,385 L304.005,390 L308.005,395 L310.005,395 L310.005,394 L306.505,390 L310.005,386 L310.005,385 L308.005,385 z M314.005,385 L316.005,385 L316.005,386 L312.505,390 L316.005,394 L316.005,395 L314.005,395 L310.005,390 L314.005,385 z" fill="inherit" id="operation-reverse-shape"/>
</symbol>
<symbol id="operation-disconnect" viewBox="280 380 20 20" x="-10" y="-10">
<symbol id="operation-disconnect" viewBox="280 380 20 20">
<path d="M284.005,386.013 L280.005,390.013 L284.005,394.013 L285.005,393.013 L285.005,391.013 L287.192,391.013 C287.079,390.696 287.005,390.368 287.005,390.013 C287.005,389.668 287.085,389.322 287.192,389.013 L285.005,389.013 L285.005,387.013 L284.005,386.013 z M296.005,386.013 L295.005,387.013 L295.005,389.013 L292.817,389.013 C292.925,389.322 293.005,389.668 293.005,390.013 C293.005,390.368 292.931,390.696 292.817,391.013 L295.005,391.013 L295.005,393.013 L296.005,394.013 L300.005,390.013 L296.005,386.013 z" fill="currentColor" id="operation-disconnect-shape2"/>
<path d="M290.005,388 C288.9,388 288.005,388.895 288.005,390 C288.005,391.105 288.9,392 290.005,392 C291.109,392 292.005,391.105 292.005,390 C292.005,388.895 291.109,388 290.005,388 z" fill="inherit" id="operation-disconnect-shape"/>
</symbol>
<symbol id="operation-split" viewBox="260 380 20 20" x="-10" y="-10">
<symbol id="operation-split" viewBox="260 380 20 20">
<path d="M264.005,385.013 C263.005,385.013 262.005,386.013 262.005,387.013 L262.005,389.013 L265.005,389.013 L267.005,390.013 L265.005,391.013 L262.005,391.013 L262.005,393.013 C262.005,394.013 263.005,395.013 264.005,395.013 L265.005,395.013 C267.005,395.013 267.492,394.038 268.005,393.013 L269.005,391.013 L278.005,386.013 C278.005,386.013 278.005,385.013 276.005,385.013 L268.974,388.919 L268.005,387.013 C267.511,386.025 267.005,385.013 265.005,385.013 z M264.005,386.013 L266.005,386.013 L267.005,388.013 L263.005,388.013 C263.005,388.013 263.005,387.346 263.005,387.013 C263.005,386 264.005,386.013 264.005,386.013 z M272.099,390.732 L270.099,391.732 L276.005,395.013 C278.005,395.013 278.005,394.013 278.005,394.013 z M263.005,392.013 L267.005,392.013 L266.005,394.013 L264.005,394.013 C264.005,394.013 263.005,394.013 263.005,393.013 z" fill="inherit" id="operation-split-shape"/>
</symbol>
<symbol id="operation-straighten" viewBox="240 380 20 20" x="-10" y="-10">
<symbol id="operation-straighten" viewBox="240 380 20 20">
<path d="M245.005,389 L247.005,389 L247.005,391 L245.005,391 z M253.005,391 L255.005,391 L255.005,389 L253.005,389 z" fill="currentColor" id="operation-straighten-shape2"/>
<path d="M242.005,388 C240.9,388 240.005,388.895 240.005,390 C240.005,391.105 240.9,392 242.005,392 C243.11,392 244.005,391.105 244.005,390 C244.005,388.895 243.11,388 242.005,388 z M250.005,388 C251.11,388 252.005,388.895 252.005,390 C252.005,391.105 251.11,392 250.005,392 C248.9,392 248.005,391.105 248.005,390 C248.005,388.895 248.9,388 250.005,388 z M258.005,388 C259.11,388 260.005,388.895 260.005,390 C260.005,391.105 259.11,392 258.005,392 C256.9,392 256.005,391.105 256.005,390 C256.005,388.895 256.9,388 258.005,388 z" fill="inherit" id="operation-straighten-shape"/>
</symbol>
<symbol id="operation-circularize" viewBox="220 380 20 20" x="-10" y="-10">
<symbol id="operation-circularize" viewBox="220 380 20 20">
<path d="M227.036,382.607 C225.707,383.138 224.592,384.026 223.724,385.138 C223.795,385.156 223.873,385.147 223.942,385.169 C224.463,385.338 224.884,385.659 225.224,386.044 C225.807,385.347 226.545,384.806 227.38,384.419 C227.152,383.997 227.005,383.522 227.005,383.013 C227.005,382.873 227.017,382.742 227.036,382.607 z M232.974,382.607 C232.993,382.742 233.005,382.873 233.005,383.013 C233.005,383.522 232.858,383.997 232.63,384.419 C233.465,384.806 234.203,385.347 234.786,386.044 C235.126,385.659 235.547,385.338 236.067,385.169 C236.135,385.147 236.214,385.13 236.286,385.107 C235.42,384.004 234.295,383.135 232.974,382.607 z M222.036,390.825 C222.169,392.179 222.655,393.44 223.38,394.513 C223.434,394.417 223.502,394.322 223.567,394.232 C223.866,393.821 224.257,393.509 224.692,393.294 C224.253,392.573 223.964,391.733 223.849,390.857 C223.285,391.021 222.664,391.019 222.067,390.825 C222.058,390.822 222.045,390.828 222.036,390.825 z M237.942,390.825 C237.346,391.019 236.725,391.021 236.161,390.857 C236.046,391.733 235.757,392.573 235.317,393.294 C235.755,393.498 236.139,393.813 236.442,394.232 C236.508,394.322 236.576,394.417 236.63,394.513 C237.355,393.44 237.841,392.179 237.974,390.825 C237.965,390.828 237.951,390.822 237.942,390.825 z M229.005,396.169 C228.975,396.727 228.791,397.283 228.442,397.763 C228.415,397.8 228.377,397.821 228.349,397.857 C228.889,397.972 229.431,398.044 230.005,398.044 C230.579,398.044 231.121,397.972 231.661,397.857 C231.633,397.821 231.594,397.8 231.567,397.763 C231.219,397.283 231.035,396.727 231.005,396.169 C230.676,396.223 230.35,396.263 230.005,396.263 C229.66,396.263 229.334,396.222 229.005,396.169 z" fill="currentColor" id="operation-circularize-shape2"/>
<path d="M230.005,381 C228.9,381 228.005,381.895 228.005,383 C228.005,384.105 228.9,385 230.005,385 C231.11,385 232.005,384.105 232.005,383 C232.005,381.895 231.11,381 230.005,381 z M222.849,386 C223.108,385.978 223.367,386.008 223.63,386.094 C224.68,386.435 225.253,387.574 224.911,388.625 C224.57,389.676 223.43,390.248 222.38,389.906 C221.329,389.565 220.757,388.426 221.099,387.375 C221.355,386.587 222.072,386.067 222.849,386 z M236.786,386 C237.711,385.896 238.613,386.456 238.911,387.375 C239.253,388.425 238.68,389.565 237.63,389.906 C236.579,390.248 235.44,389.675 235.099,388.625 C234.757,387.574 235.329,386.435 236.38,386.094 C236.511,386.051 236.654,386.015 236.786,386 z M226.067,394 C226.452,394.013 226.857,394.132 227.192,394.375 C228.086,395.024 228.279,396.294 227.63,397.188 C226.981,398.081 225.711,398.274 224.817,397.625 C223.924,396.976 223.731,395.706 224.38,394.812 C224.786,394.254 225.426,393.978 226.067,394 z M233.942,394 C234.584,393.978 235.224,394.254 235.63,394.812 C236.279,395.706 236.086,396.976 235.192,397.625 C234.299,398.274 233.029,398.081 232.38,397.188 C231.731,396.294 231.924,395.024 232.817,394.375 C233.153,394.132 233.557,394.013 233.942,394 z" fill="inherit" id="operation-circularize-shape"/>
</symbol>
<symbol id="operation-delete" viewBox="200 380 20 20" x="-10" y="-10">
<symbol id="operation-delete" viewBox="200 380 20 20">
<path d="M212.156,394.787 C212.156,394.878 212.191,394.954 212.258,395.015 C212.325,395.075 212.412,395.105 212.515,395.105 L212.875,395.105 C212.973,395.105 213.057,395.075 213.126,395.019 C213.197,394.961 213.234,394.884 213.234,394.787 L213.234,389.497 C213.234,389.405 213.197,389.324 213.126,389.26 C213.057,389.193 212.973,389.159 212.875,389.159 L212.515,389.159 C212.417,389.159 212.333,389.193 212.264,389.26 C212.193,389.324 212.156,389.405 212.156,389.497 z M210.537,389.497 C210.537,389.405 210.504,389.324 210.433,389.26 C210.36,389.193 210.276,389.159 210.18,389.159 L209.82,389.159 C209.722,389.159 209.64,389.193 209.576,389.26 C209.513,389.324 209.48,389.405 209.48,389.497 L209.48,394.787 C209.48,394.878 209.511,394.954 209.573,395.015 C209.634,395.075 209.715,395.105 209.82,395.105 L210.18,395.105 C210.276,395.105 210.36,395.075 210.433,395.019 C210.504,394.961 210.537,394.884 210.537,394.787 z M208.672,384.964 C209.555,384.951 210.445,384.951 211.348,384.964 C211.348,384.895 211.353,384.829 211.367,384.762 C211.378,384.695 211.378,384.632 211.367,384.575 L211.367,384.447 C211.152,384.389 210.923,384.357 210.685,384.352 C210.445,384.346 210.218,384.343 210.005,384.343 C209.778,384.343 209.548,384.346 209.311,384.352 C209.075,384.357 208.848,384.389 208.635,384.447 L208.635,384.575 C208.635,384.632 208.637,384.697 208.645,384.766 C208.651,384.836 208.66,384.901 208.672,384.964 M207.844,389.497 C207.844,389.405 207.807,389.324 207.738,389.26 C207.667,389.193 207.583,389.159 207.485,389.159 L207.127,389.159 C207.027,389.159 206.947,389.193 206.883,389.26 C206.818,389.324 206.785,389.405 206.785,389.497 L206.785,394.787 C206.785,394.878 206.818,394.954 206.883,395.015 C206.947,395.075 207.027,395.105 207.127,395.105 L207.485,395.105 C207.583,395.105 207.667,395.075 207.738,395.019 C207.807,394.961 207.844,394.884 207.844,394.787 z M210.005,388.185 C210.796,388.174 211.586,388.156 212.377,388.135 C213.167,388.111 213.958,388.056 214.751,387.962 L214.751,395.174 C214.751,395.535 214.615,395.848 214.346,396.108 C214.075,396.37 213.747,396.5 213.361,396.5 L206.639,396.5 C206.253,396.5 205.921,396.372 205.64,396.111 C205.362,395.856 205.224,395.543 205.224,395.174 L205.224,387.962 C205.977,388.056 206.726,388.115 207.467,388.144 C208.209,388.171 208.956,388.185 209.711,388.185 z M216,386.076 L216,386.67 C215.773,386.785 215.397,386.877 214.869,386.95 C214.342,387.022 213.774,387.076 213.163,387.112 C212.554,387.152 211.96,387.174 211.384,387.177 C210.808,387.183 210.349,387.186 210.005,387.186 C209.667,387.186 209.208,387.183 208.626,387.177 C208.042,387.174 207.446,387.152 206.835,387.112 C206.226,387.076 205.662,387.022 205.141,386.954 C204.619,386.884 204.246,386.79 204.019,386.67 C204.006,386.578 204,386.479 204,386.371 L204,386.076 L204,385.764 C204,385.662 204.006,385.557 204.019,385.453 C204.171,385.376 204.39,385.305 204.672,385.251 C204.953,385.198 205.252,385.153 205.571,385.118 C205.89,385.084 206.205,385.059 206.514,385.041 C206.826,385.025 207.066,385.009 207.237,384.998 C207.187,384.528 207.223,384.161 207.342,383.894 C207.463,383.632 207.644,383.434 207.89,383.306 C208.134,383.176 208.435,383.092 208.795,383.054 C209.154,383.018 209.555,383 210.005,383 C210.343,383 210.677,383.007 211.011,383.025 C211.346,383.043 211.643,383.103 211.908,383.2 C212.172,383.302 212.381,383.459 212.538,383.671 C212.694,383.884 212.773,384.184 212.773,384.575 L212.773,384.782 C212.773,384.852 212.765,384.924 212.756,384.998 C212.932,385.009 213.174,385.025 213.48,385.041 C213.787,385.059 214.102,385.084 214.425,385.118 C214.746,385.153 215.051,385.198 215.337,385.251 C215.627,385.305 215.848,385.376 216,385.453 z" fill="inherit" id="operation-delete-shape"/>
</symbol>
</g>
@@ -1076,7 +1076,7 @@
<path d="M250,3.5 C250.828,3.5 251.5,4.172 251.5,5 L251.5,8.5 L255,8.5 C255.828,8.5 256.5,9.172 256.5,10 C256.5,10.828 255.828,11.5 255,11.5 L251.5,11.5 L251.5,15 C251.5,15.828 250.828,16.5 250,16.5 C249.172,16.5 248.5,15.828 248.5,15 L248.5,11.5 L245,11.5 C244.172,11.5 243.5,10.828 243.5,10 C243.5,9.172 244.172,8.5 245,8.5 L248.5,8.5 L248.5,5 C248.5,4.172 249.172,3.5 250,3.5 z" fill="currentColor" id="icon-plus-shape"/>
</symbol>
<symbol id="icon-inspect" viewBox="220 0 20 20">
<path d="M229.969,4.003 Q230.532,4.003 230.932,4.403 Q231.332,4.803 231.332,5.374 Q231.332,5.937 230.932,6.336 Q230.532,6.736 229.96,6.736 Q229.398,6.736 228.998,6.336 Q228.598,5.937 228.598,5.374 Q228.598,4.803 228.998,4.403 Q229.398,4.003 229.969,4.003 z M227.517,16.747 L227.517,16.018 Q228.51,15.982 228.664,15.895 Q228.818,15.807 228.862,15.402 Q228.932,14.849 228.932,12.959 Q228.932,12.142 228.906,11.447 L228.879,10.419 Q228.879,9.909 228.77,9.791 Q228.66,9.672 228.176,9.654 L227.517,9.628 L227.517,8.951 Q229.635,8.793 231.006,8.204 L231.226,8.38 Q231.103,10.059 231.103,13.267 Q231.103,15.121 231.165,15.508 Q231.208,15.78 231.327,15.859 Q231.446,15.938 232.483,16.018 L232.483,16.747 Q230.892,16.694 230.022,16.694 Q229.556,16.694 227.517,16.747 z" fill="currentColor" id="icon-inspect-shape"/>
<path d="M229.974,3 Q230.537,3 230.937,3.4 Q231.337,3.8 231.337,4.371 Q231.337,4.934 230.937,5.333 Q230.537,5.733 229.965,5.733 Q229.403,5.733 229.003,5.333 Q228.603,4.934 228.603,4.371 Q228.603,3.8 229.003,3.4 Q229.403,3 229.974,3 z M227.522,15.744 L227.522,15.015 Q228.515,14.979 228.669,14.892 Q228.823,14.804 228.867,14.399 Q228.937,13.846 228.937,11.956 Q228.937,11.139 228.911,10.444 L228.884,9.416 Q228.884,8.906 228.774,8.788 Q228.665,8.669 228.181,8.651 L227.522,8.625 L227.522,7.948 Q229.64,7.79 231.011,7.201 L231.231,7.377 Q231.108,9.056 231.108,12.264 Q231.108,14.118 231.17,14.505 Q231.213,14.777 231.332,14.856 Q231.451,14.936 232.488,15.015 L232.488,15.744 Q230.897,15.691 230.027,15.691 Q229.561,15.691 227.522,15.744 z" fill="currentColor" id="icon-inspect-shape"/>
</symbol>
<symbol id="icon-out-link" viewBox="380 0 20 20">
<path d="M390.13,3.582 L390.041,4.159 C390.032,4.214 390.025,4.262 390.01,4.37 L390.009,4.381 C390.002,4.421 389.999,4.472 389.999,4.534 L389.999,5.233 C389.999,5.311 390.01,5.398 390.033,5.496 L390.179,6.112 L384.932,6.112 C384.819,6.112 384.731,6.148 384.65,6.229 C384.565,6.314 384.53,6.4 384.53,6.516 L384.53,13.824 C384.53,13.94 384.565,14.026 384.648,14.108 C384.732,14.192 384.819,14.228 384.932,14.228 L393.454,14.228 C393.57,14.228 393.658,14.192 393.746,14.105 C393.83,14.023 393.867,13.937 393.866,13.824 L393.866,10.124 L394.668,10.73 C394.845,10.864 395.039,10.97 395.249,11.048 C395.465,11.126 395.684,11.169 395.911,11.175 L396.396,11.189 L396.396,13.824 C396.396,14.226 396.315,14.61 396.153,14.972 C395.995,15.318 395.784,15.626 395.52,15.89 C395.256,16.154 394.949,16.364 394.6,16.522 C394.244,16.679 393.861,16.758 393.454,16.758 L384.932,16.758 C384.533,16.758 384.149,16.68 383.786,16.522 C383.429,16.366 383.118,16.153 382.856,15.886 C382.6,15.623 382.393,15.317 382.236,14.965 C382.079,14.607 382,14.224 382,13.824 L382,6.516 C382,6.116 382.078,5.734 382.235,5.369 C382.391,5.012 382.599,4.704 382.86,4.442 C383.121,4.181 383.432,3.973 383.786,3.82 C384.147,3.661 384.531,3.582 384.932,3.582 L390.13,3.582 z M396.656,3.582 L392.091,3.582 C391.836,3.582 391.604,3.677 391.418,3.853 C391.214,4.054 391.116,4.307 391.142,4.582 L391.139,5.216 C391.14,5.476 391.23,5.712 391.408,5.894 C391.586,6.079 391.826,6.175 392.091,6.175 L393.018,6.175 L387.765,11.443 C387.584,11.611 387.485,11.856 387.489,12.127 C387.495,12.388 387.587,12.617 387.762,12.795 L388.389,13.43 C388.586,13.616 388.82,13.705 389.075,13.705 C389.334,13.705 389.569,13.613 389.749,13.433 L395.015,8.181 L395.015,9.101 C395.016,9.358 395.111,9.593 395.293,9.775 C395.475,9.957 395.712,10.051 395.974,10.051 L396.656,10.051 C396.873,10.075 397.121,9.982 397.316,9.793 C397.509,9.605 397.608,9.367 397.608,9.101 L397.608,4.534 C397.608,4.284 397.509,4.054 397.329,3.871 C397.15,3.685 396.915,3.582 396.656,3.582 z" fill="currentColor" id="icon-out-link-shape"/>

Before

Width:  |  Height:  |  Size: 215 KiB

After

Width:  |  Height:  |  Size: 214 KiB

+1 -4
View File
@@ -113,10 +113,7 @@ iD.ui.preset = function(context) {
wrap.append('button')
.attr('class', 'remove-icon')
.call(iD.svg.Icon('#operation-delete'))
.select('use')
.attr('x', 10)
.attr('y', 10);
.call(iD.svg.Icon('#operation-delete'));
wrap.append('button')
.attr('class', 'modified-icon')
+1 -4
View File
@@ -141,10 +141,7 @@ iD.ui.preset.localized = function(field, context) {
.style('max-height','0px')
.remove();
})
.call(iD.svg.Icon('#operation-delete'))
.select('use')
.attr('x', 10)
.attr('y', 10);
.call(iD.svg.Icon('#operation-delete'));
wrap.append('input')
.attr('class', 'localized-lang')
+1
View File
@@ -60,6 +60,7 @@ iD.ui.RadialMenu = function(context, operations) {
.on('mouseout', mouseout);
button.append('use')
.attr('transform', 'translate(-10,-10)')
.attr('width', '20')
.attr('height', '20')
.attr('xlink:href', function(d) { return '#operation-' + d.id; });
+1 -4
View File
@@ -101,10 +101,7 @@ iD.ui.RawMemberEditor = function(context) {
.attr('tabindex', -1)
.attr('class', 'remove button-input-action member-delete minor')
.on('click', deleteMember)
.call(iD.svg.Icon('#operation-delete'))
.select('use')
.attr('x', 10)
.attr('y', 10);
.call(iD.svg.Icon('#operation-delete'));
$items.exit()
.remove();
+2 -8
View File
@@ -135,10 +135,7 @@ iD.ui.RawMembershipEditor = function(context) {
.attr('tabindex', -1)
.attr('class', 'remove button-input-action member-delete minor')
.on('click', deleteMembership)
.call(iD.svg.Icon('#operation-delete'))
.select('use')
.attr('x', 10)
.attr('y', 10);
.call(iD.svg.Icon('#operation-delete'));
$items.exit()
.remove();
@@ -173,10 +170,7 @@ iD.ui.RawMembershipEditor = function(context) {
.attr('tabindex', -1)
.attr('class', 'remove button-input-action member-delete minor')
.on('click', deleteMembership)
.call(iD.svg.Icon('#operation-delete'))
.select('use')
.attr('x', 10)
.attr('y', 10);
.call(iD.svg.Icon('#operation-delete'));
} else {
$list.selectAll('.member-row-new')
+1 -4
View File
@@ -72,10 +72,7 @@ iD.ui.RawTagEditor = function(context) {
$enter.append('button')
.attr('tabindex', -1)
.attr('class', 'remove minor')
.call(iD.svg.Icon('#operation-delete'))
.select('use')
.attr('x', 10)
.attr('y', 10);
.call(iD.svg.Icon('#operation-delete'));
if (context.taginfo()) {
$enter.each(bindTypeahead);
+13 -13
View File
@@ -248,19 +248,19 @@
"preset-icon-frame": { "viewBox": "340 320 45 45" },
"operation-delete": { "viewBox": "200 380 20 20", "x": "-10", "y": "-10" },
"operation-circularize": { "viewBox": "220 380 20 20", "x": "-10", "y": "-10" },
"operation-straighten": { "viewBox": "240 380 20 20", "x": "-10", "y": "-10" },
"operation-split": { "viewBox": "260 380 20 20", "x": "-10", "y": "-10" },
"operation-disconnect": { "viewBox": "280 380 20 20", "x": "-10", "y": "-10" },
"operation-reverse": { "viewBox": "300 380 20 20", "x": "-10", "y": "-10" },
"operation-move": { "viewBox": "320 380 20 20", "x": "-10", "y": "-10" },
"operation-merge": { "viewBox": "340 380 20 20", "x": "-10", "y": "-10" },
"operation-orthogonalize": { "viewBox": "360 380 20 20", "x": "-10", "y": "-10" },
"operation-rotate": { "viewBox": "380 380 20 20", "x": "-10", "y": "-10" },
"operation-simplify": { "viewBox": "400 380 20 20", "x": "-10", "y": "-10" },
"operation-smooth": { "viewBox": "420 380 20 20", "x": "-10", "y": "-10" },
"operation-continue": { "viewBox": "440 380 20 20", "x": "-10", "y": "-10" },
"operation-delete": { "viewBox": "200 380 20 20" },
"operation-circularize": { "viewBox": "220 380 20 20" },
"operation-straighten": { "viewBox": "240 380 20 20" },
"operation-split": { "viewBox": "260 380 20 20" },
"operation-disconnect": { "viewBox": "280 380 20 20" },
"operation-reverse": { "viewBox": "300 380 20 20" },
"operation-move": { "viewBox": "320 380 20 20" },
"operation-merge": { "viewBox": "340 380 20 20" },
"operation-orthogonalize": { "viewBox": "360 380 20 20" },
"operation-rotate": { "viewBox": "380 380 20 20" },
"operation-simplify": { "viewBox": "400 380 20 20" },
"operation-smooth": { "viewBox": "420 380 20 20" },
"operation-continue": { "viewBox": "440 380 20 20" },
"operation-delete-shape": { "fill": "inherit" },
"operation-circularize-shape": { "fill": "inherit" },
Binary file not shown.
+1 -1
View File
@@ -1076,7 +1076,7 @@
<path d="M250,3.5 C250.828,3.5 251.5,4.172 251.5,5 L251.5,8.5 L255,8.5 C255.828,8.5 256.5,9.172 256.5,10 C256.5,10.828 255.828,11.5 255,11.5 L251.5,11.5 L251.5,15 C251.5,15.828 250.828,16.5 250,16.5 C249.172,16.5 248.5,15.828 248.5,15 L248.5,11.5 L245,11.5 C244.172,11.5 243.5,10.828 243.5,10 C243.5,9.172 244.172,8.5 245,8.5 L248.5,8.5 L248.5,5 C248.5,4.172 249.172,3.5 250,3.5 z" fill="#000000" id="icon-plus-shape"/>
</g>
<g id="icon-inspect">
<path d="M229.969,4.003 Q230.532,4.003 230.932,4.403 Q231.332,4.803 231.332,5.374 Q231.332,5.937 230.932,6.336 Q230.532,6.736 229.96,6.736 Q229.398,6.736 228.998,6.336 Q228.598,5.937 228.598,5.374 Q228.598,4.803 228.998,4.403 Q229.398,4.003 229.969,4.003 z M227.517,16.747 L227.517,16.018 Q228.51,15.982 228.664,15.895 Q228.818,15.807 228.862,15.402 Q228.932,14.849 228.932,12.959 Q228.932,12.142 228.906,11.447 L228.879,10.419 Q228.879,9.909 228.77,9.791 Q228.66,9.672 228.176,9.654 L227.517,9.628 L227.517,8.951 Q229.635,8.793 231.006,8.204 L231.226,8.38 Q231.103,10.059 231.103,13.267 Q231.103,15.121 231.165,15.508 Q231.208,15.78 231.327,15.859 Q231.446,15.938 232.483,16.018 L232.483,16.747 Q230.892,16.694 230.022,16.694 Q229.556,16.694 227.517,16.747 z" fill="#000000" id="icon-inspect-shape"/>
<path d="M229.974,3 Q230.537,3 230.937,3.4 Q231.337,3.8 231.337,4.371 Q231.337,4.934 230.937,5.333 Q230.537,5.733 229.965,5.733 Q229.403,5.733 229.003,5.333 Q228.603,4.934 228.603,4.371 Q228.603,3.8 229.003,3.4 Q229.403,3 229.974,3 z M227.522,15.744 L227.522,15.015 Q228.515,14.979 228.669,14.892 Q228.823,14.804 228.867,14.399 Q228.937,13.846 228.937,11.956 Q228.937,11.139 228.911,10.444 L228.884,9.416 Q228.884,8.906 228.774,8.788 Q228.665,8.669 228.181,8.651 L227.522,8.625 L227.522,7.948 Q229.64,7.79 231.011,7.201 L231.231,7.377 Q231.108,9.056 231.108,12.264 Q231.108,14.118 231.17,14.505 Q231.213,14.777 231.332,14.856 Q231.451,14.936 232.488,15.015 L232.488,15.744 Q230.897,15.691 230.027,15.691 Q229.561,15.691 227.522,15.744 z" fill="#000000" id="icon-inspect-shape"/>
</g>
<g id="icon-out-link">
<path d="M390.13,3.582 L390.041,4.159 C390.032,4.214 390.025,4.262 390.01,4.37 L390.009,4.381 C390.002,4.421 389.999,4.472 389.999,4.534 L389.999,5.233 C389.999,5.311 390.01,5.398 390.033,5.496 L390.179,6.112 L384.932,6.112 C384.819,6.112 384.731,6.148 384.65,6.229 C384.565,6.314 384.53,6.4 384.53,6.516 L384.53,13.824 C384.53,13.94 384.565,14.026 384.648,14.108 C384.732,14.192 384.819,14.228 384.932,14.228 L393.454,14.228 C393.57,14.228 393.658,14.192 393.746,14.105 C393.83,14.023 393.867,13.937 393.866,13.824 L393.866,10.124 L394.668,10.73 C394.845,10.864 395.039,10.97 395.249,11.048 C395.465,11.126 395.684,11.169 395.911,11.175 L396.396,11.189 L396.396,13.824 C396.396,14.226 396.315,14.61 396.153,14.972 C395.995,15.318 395.784,15.626 395.52,15.89 C395.256,16.154 394.949,16.364 394.6,16.522 C394.244,16.679 393.861,16.758 393.454,16.758 L384.932,16.758 C384.533,16.758 384.149,16.68 383.786,16.522 C383.429,16.366 383.118,16.153 382.856,15.886 C382.6,15.623 382.393,15.317 382.236,14.965 C382.079,14.607 382,14.224 382,13.824 L382,6.516 C382,6.116 382.078,5.734 382.235,5.369 C382.391,5.012 382.599,4.704 382.86,4.442 C383.121,4.181 383.432,3.973 383.786,3.82 C384.147,3.661 384.531,3.582 384.932,3.582 L390.13,3.582 z M396.656,3.582 L392.091,3.582 C391.836,3.582 391.604,3.677 391.418,3.853 C391.214,4.054 391.116,4.307 391.142,4.582 L391.139,5.216 C391.14,5.476 391.23,5.712 391.408,5.894 C391.586,6.079 391.826,6.175 392.091,6.175 L393.018,6.175 L387.765,11.443 C387.584,11.611 387.485,11.856 387.489,12.127 C387.495,12.388 387.587,12.617 387.762,12.795 L388.389,13.43 C388.586,13.616 388.82,13.705 389.075,13.705 C389.334,13.705 389.569,13.613 389.749,13.433 L395.015,8.181 L395.015,9.101 C395.016,9.358 395.111,9.593 395.293,9.775 C395.475,9.957 395.712,10.051 395.974,10.051 L396.656,10.051 C396.873,10.075 397.121,9.982 397.316,9.793 C397.509,9.605 397.608,9.367 397.608,9.101 L397.608,4.534 C397.608,4.284 397.509,4.054 397.329,3.871 C397.15,3.685 396.915,3.582 396.656,3.582 z" fill="#000000" id="icon-out-link-shape"/>

Before

Width:  |  Height:  |  Size: 210 KiB

After

Width:  |  Height:  |  Size: 210 KiB