Adding macOS notes on the rich notification article

chrome/common/extensions/docs/templates/articles/richNotifications.html

Index: chrome/common/extensions/docs/templates/articles/richNotifications.html
diff --git a/chrome/common/extensions/docs/templates/articles/richNotifications.html b/chrome/common/extensions/docs/templates/articles/richNotifications.html
index 51a7a996bb6843ca95d45077cfedb138b25137ff..77b4cb6bbd1cfbdedbb1111467b949565d3abca8 100644
--- a/chrome/common/extensions/docs/templates/articles/richNotifications.html
+++ b/chrome/common/extensions/docs/templates/articles/richNotifications.html
@@ -1,5 +1,12 @@
 <h1 id="richNotifications">Rich Notifications</h1>
 
+<p class="note">
+<strong>Platform difference:</strong> In Chrome version 59, notifications
+appear differently for Mac OS X users. Instead of Chrome's own
+notifications, users see native Mac OS X notifications.
+<a href="https://developers.google.com/web/updates/2017/04/native-mac-os-notifications">Learn more in this article</a>.
+</p>
+
 <p>The <a href="https://developer.chrome.com/apps/notifications">rich notifications API</a>
 lets you create notifications using templates and
 show these notifications to users in the user's system tray:
@@ -70,6 +77,11 @@ Priorities > 0 are shown for increasing duration and
 more high priority notifications can be displayed in the system tray.
 </p>
 
+<p class="note">
+<strong>Platform difference:</strong> The <code>priority</code> does not
+affect the order of notifications in Chrome version 59+ on Mac OS X.
+</p>
+
 <p>
 In addition to displaying information,
 all notification types can include up to two action items.
@@ -143,6 +155,11 @@ template type also includes an <code>imageUrl</code>, which is a link to
 an image that is previewed within the notification:
 </p>
 
+<p class="note">
+<strong>Platform difference:</strong> Images will not be display to users using
+Chrome version 59+ on Mac OS X.
+</p>
+
 <pre>
 var opt = {
   type: "basic",
@@ -167,6 +184,11 @@ The <code>list</code> template displays <code>items</code>
 in a list format:
 </p>
 
+<p class="note">
+<strong>Platform difference:</strong> Only the first list item is
+displayed to users in Chrome version 59+ on Mac OS X.
+</p>
+
 <pre>
 var opt = {
   type: "list",
@@ -186,6 +208,12 @@ The <code>progress</code> template displays a progress bar where current
 progress ranges from 0 to 100:
 </p>
 
+<p class="note">
+<strong>Platform difference:</strong> In Chrome version 59+ on Mac OS X, the
+progress bar displays as a percentage value in the title of the notification
+instead of displaying a progress bar.
+</p>
+
 <pre>
 var opt = {
   type: "progress",
@@ -196,7 +224,6 @@ var opt = {
 }
 </pre>
 
-
 <h2 id="events">Listening for and responding to events</h2>
 
 <p>
@@ -225,4 +252,3 @@ function replyBtnClick {
   <a href="app_lifecycle#create_event_page">event page</a>,
 so that notifications can pop-up even when the app or extension isn't running.
 </p>
-