Merge pull request #914 from basecamp/notif-settings-help-fix

Fix missing image assets

app/assets/images/bell-alert.svg

@@ -0,0 +1 @@
+<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17 20.5c0 .2 0 .3-.1.5.1-.1.1-.3.1-.5z"/><path d="m14.1 9.1c.1-.2.2-.3.3-.4-.1.1-.2.2-.3.4l-2.2 4.2z"/><path d="m14 6.6c.6-.3 1.2-.4 1.8-.4h.2c-1.2-1.6-3-2.7-5-3.1v-2.1c0-.6-.4-1-1-1s-1 .4-1 1v2.1c-3.9.7-6.6 4.1-6.5 8.1v4.8c0 .8-.7 1.5-1.5 1.5-.6 0-1 .4-1 1s.4 1 1 1h5.4l5.9-11.3c.4-.7 1-1.3 1.7-1.6z"/><path d="m23.8 21.3-6.4-12.2c0-.1-.1-.1-.1-.2s-.1-.1-.2-.2c0 0-.1-.1-.1-.1s-.1-.1-.1-.1c-.1 0-.1-.1-.2-.1 0 0-.1 0-.1-.1-.1-.1-.3-.1-.4-.2h-.1-.1c-.1 0-.2 0-.3 0s0 0-.1 0c0 0 0 0-.1 0h-.1c-.1 0-.1 0-.2 0h-.1c-.1 0-.3.1-.4.1-.3.2-.6.4-.8.8l-5.2 10.5-.8 1.5-.2.3c-.1.2-.1.4-.2.5-.1.4 0 .9.2 1.3.4.6 1 .9 1.6.9h.7 12.2c.6 0 1.2-.3 1.6-.9.3-.5.3-1.2 0-1.8zm-8.7-3.6c-.1-.1-.2-.2-.2-.3v-.1c0-.1-.1-.2-.1-.3v-3.2c0-.1 0-.2.1-.3v-.1c0-.1.1-.1.1-.2 0 0 0 0 .1-.1.2-.2.4-.3.6-.3.5 0 1 .4 1 1v3.2c0 .5-.4 1-1 1-.2 0-.4-.1-.6-.3zm.7 4.1c.4 0 .7-.1.9-.4-.3.2-.6.4-.9.4-.7 0-1.3-.6-1.3-1.3 0-.1 0-.3.1-.4 0-.1 0-.1.1-.1 0-.1.1-.1.1-.1.1-.1.2-.2.3-.3s.2-.1.3-.2c.1 0 .3-.1.4-.1.3 0 .5.1.7.3.3.2.5.6.5 1 0 .6-.5 1.2-1.2 1.2z"/></svg>

app/assets/images/menu-dots-vertical.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="3.25" r="3.25"/><circle cx="12" cy="12" r="3.25"/><circle cx="12" cy="20.75" r="3.25"/></svg>

app/assets/stylesheets/icons.css

@@ -23,6 +23,7 @@
   .icon--art { --svg: url("art.svg "); }
   .icon--assigned { --svg: url("assigned.svg "); }
   .icon--attachment { --svg: url("attachment.svg "); }
+  .icon--bell-alert { --svg: url("bell-alert.svg "); }
   .icon--bell-off { --svg: url("bell-off.svg "); }
   .icon--bell { --svg: url("bell.svg "); }
   .icon--bolt { --svg: url("bolt.svg "); }
@@ -54,6 +55,7 @@
   .icon--logout { --svg: url("logout.svg "); }
   .icon--menu { --svg: url("menu.svg "); }
   .icon--menu-dots-horizontal { --svg: url("menu-dots-horizontal.svg "); }
+  .icon--menu-dots-vertical { --svg: url("menu-dots-vertical.svg "); }
   .icon--minus { --svg: url("minus.svg "); }
   .icon--move { --svg: url("move.svg "); }
   .icon--notification-bell-access-only { --svg: url("notification-bell-access-only.svg "); }

app/views/notifications/settings/_browser.html.erb

@@ -82,7 +82,7 @@
           <li>Tap <em>Notifications</em>.</li>
           <li>Tap <em><%= icon_tag "switch", alt: "the switch" %></em> to <em>Allow <%= platform.browser.capitalize %> notifications</em>.</li>
           <li>Tap <em><%= icon_tag "switch", alt: "the switch" %></em> next to <em>Web apps</em>.</li>
-          <li>Tap <em><%= icon_tag "notification-bell-alert", alt: "the notification bell" %></em> and select <em>Allow</em>.</li>
+          <li>Tap <em><%= icon_tag "bell-alert", alt: "the notification bell" %></em> and select <em>Allow</em>.</li>
         </ol>
       <% when platform.safari? && platform.desktop? %>
         <h2>Turn on notifications for this website.</h2>