<p dir="auto">I wanted to change the colors of the role icons but we had a heap of files in <code class="notranslate">app/assets/images/roles</code> and I didn't feel like editing them.</p>
<p dir="auto">We're already using svg images. If we can require browsers to support <a href="https://caniuse.com/svg-fragment" rel="nofollow">svg fragment ids</a> we'll be able to replace all those files with one <a href="https://www.sitepoint.com/use-svg-image-sprites/#svgspritestacks" rel="nofollow">svg sprite stack</a>.</p>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/4741'>https://github.com/openstreetmap/openstreetmap-website/pull/4741</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/commits/a04c24eef4756bbdccb4f33fbb052179622b5075" class="commit-link">a04c24e</a>  Use svg stack for role icons</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files">16 files</a>)</p>
<ul>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-e1abee2f4ad467332b31b83375d090f80bb15b0387f3115bfa5f97530864a14f">app/assets/images/roles.svg</a>
    (24)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-d038ca41470538fc77d43f3e8d8128daf8f7ab2ab8e1ff5263267eb6950069f0">app/assets/images/roles/administrator.png</a>
    (0)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-bf99db15bb0f76e7c3522eb197d43dd06d29082450e0b95f96ae395744293202">app/assets/images/roles/administrator.svg</a>
    (60)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-c1419b5c8f4fc70992ed4893a9ac4003399c964e21a2cf6ab505908d394bb133">app/assets/images/roles/blank_administrator.png</a>
    (0)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-db6802537997a93741c7e4f6033c33c6064b68ce816f618f1d518bb2c7176f24">app/assets/images/roles/blank_administrator.svg</a>
    (89)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-c69a29101b419da19520be165f1800cab2cb3b413319b78ec3701a96b3fc8dd3">app/assets/images/roles/blank_importer.png</a>
    (0)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-3d43748cb7b10e6f1622e89987e0c83b9206ecd3c04320bddc9e232b168cd8cd">app/assets/images/roles/blank_importer.svg</a>
    (65)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-8b02323513c742791d6c69bfd2214a3d1f69577b3fae83fd5f5f7488541db41f">app/assets/images/roles/blank_moderator.png</a>
    (0)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-4587379630aecbf792452dc6438acefcb5cdfce556bb60190030f5a6af9223dc">app/assets/images/roles/blank_moderator.svg</a>
    (65)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-3934a6afd93043ddf1767733a66c4357ce8c5c4ad37783b8664533783c59c7c5">app/assets/images/roles/importer.png</a>
    (0)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-b0a2b69c9924295a2615b9368b28cc21a1021935915e0b6854f6e233ae0a8aa7">app/assets/images/roles/importer.svg</a>
    (71)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-af3005fe86859c27852d529b6f5f6223332ed1e1b31f9667c52399af96780524">app/assets/images/roles/moderator.png</a>
    (0)
  </li>
  <li>
    <strong>D</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-f963d460936aa74b6113f0d54aad972273acc83e9a80219117dadbafb5c5cde4">app/assets/images/roles/moderator.svg</a>
    (71)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-d3d8591d9708bdc429ce04c584108c9b06c3ebea9f6ae56f11d6a05fecfe0f22">app/helpers/authorization_helper.rb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-cb3cde84283598fd23a737f6f9cee7574a44b2f6f0d9143176fa9cb1f3e2ec6a">app/helpers/user_roles_helper.rb</a>
    (10)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741/files#diff-ef464a99e1a54021faabde556fab78a493ad34d36bc5f823ea7b2d22581de520">test/helpers/user_roles_helper_test.rb</a>
    (50)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4741.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/4741.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4741.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/4741.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4741">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLMJ7F5CCP3HLY2QYNLY745BXAVCNFSM6AAAAABG7URT5GVHI2DSMVQWIX3LMV43ASLTON2WKOZSGI3TANRTHEYTIMY">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLPHJYLBLT2SKUHH53DY745BXA5CNFSM6AAAAABG7URT5GWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHIOVZUE4.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/4741</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/4741",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4741",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>