Update dialogs.html

Author: ergenekonyigit

sections/native-ui/dialogs.html

@@ -17,7 +17,7 @@ <h3>The <code>dialog</code> module in Electron allows you to use native system d
     <div class="demo">
       <div class="demo-wrapper">
         <button id="open-file-demo-toggle" class="js-container-target demo-toggle-button">Open a File or Directory
-          <div class="demo-meta u-avoid-clicks">Supports: Win, OS X, Linux <span class="demo-meta-divider">|</span> Process: Main</div>
+          <div class="demo-meta u-avoid-clicks">Supports: Win, macOS, Linux <span class="demo-meta-divider">|</span> Process: Main</div>
         </button>
         <div class="demo-box">
           <div class="demo-controls">
@@ -32,8 +32,8 @@ <h5>Main Process</h5>
 
           <div class="demo-protip">
             <h2>ProTip</h2>
-            <strong>The sheet-style dialog on OS X.</strong>
-            <p>On OS X you can choose between a "sheet" dialog or a default dialog. The sheet version descends from the top of the window. To use sheet version, pass the <code>window</code> as the first argument in the dialog method.</p>
+            <strong>The sheet-style dialog on macOS.</strong>
+            <p>On macOS you can choose between a "sheet" dialog or a default dialog. The sheet version descends from the top of the window. To use sheet version, pass the <code>window</code> as the first argument in the dialog method.</p>
             <pre><code class="language-js">const ipc = require('electron').ipcMain
 const dialog = require('electron').dialog
 const BrowserWindow = require('electron').BrowserWindow
@@ -51,7 +51,7 @@ <h2>ProTip</h2>
     <div class="demo">
       <div class="demo-wrapper">
         <button id="error-dialog-demo-toggle" class="js-container-target demo-toggle-button">Error Dialog
-          <div class="demo-meta u-avoid-clicks">Supports: Win, OS X, Linux <span class="demo-meta-divider">|</span> Process: Main</div>
+          <div class="demo-meta u-avoid-clicks">Supports: Win, macOS, Linux <span class="demo-meta-divider">|</span> Process: Main</div>
         </button>
         <div class="demo-box">
           <div class="demo-controls">
@@ -71,7 +71,7 @@ <h5>Main Process</h5>
     <div class="demo">
       <div class="demo-wrapper">
         <button id="information-dialog-demo-toggle" class="js-container-target demo-toggle-button">Information Dialog
-          <div class="demo-meta u-avoid-clicks">Supports: Win, OS X, Linux <span class="demo-meta-divider">|</span> Process: Main</div>
+          <div class="demo-meta u-avoid-clicks">Supports: Win, macOS, Linux <span class="demo-meta-divider">|</span> Process: Main</div>
         </button>
         <div class="demo-box">
           <div class="demo-controls">
@@ -80,7 +80,7 @@ <h5>Main Process</h5>
           </div>
           <p>In this demo, the <code>ipc</code> module is used to send a message from the renderer process instructing the main process to launch the information dialog. Options may be provided for responses which can then be relayed back to the renderer process.</p>
 
-          <p>Note: The <code>title</code> property is not displayed in OS X.</p>
+          <p>Note: The <code>title</code> property is not displayed in macOS.</p>
 
           <p>An information dialog can contain an icon, your choice of buttons, title and message.</p>
           <h5>Renderer Process</h5>
@@ -94,7 +94,7 @@ <h5>Main Process</h5>
     <div class="demo">
       <div class="demo-wrapper">
         <button id="save-dialog-demo-toggle" class="js-container-target demo-toggle-button">Save Dialog
-          <div class="demo-meta u-avoid-clicks">Supports: Win, OS X, Linux <span class="demo-meta-divider">|</span> Process: Main</div>
+          <div class="demo-meta u-avoid-clicks">Supports: Win, macOS, Linux <span class="demo-meta-divider">|</span> Process: Main</div>
         </button>
         <div class="demo-box">
           <div class="demo-controls">