Merge pull request #47 from DanArthurGallagher/list-extra-flags

Add documentation for the 3 other RegExp flags

Author: jonmagic

application.css

@@ -172,6 +172,7 @@ a:hover {
   margin-bottom: 20px;
 }
 
+#quick_reference th,
 #quick_reference td {
   padding-right: 15px;
   line-height:1.5em;
@@ -185,12 +186,6 @@ a:hover {
   width:60px;
 }
 
-#quick_reference a {
-  position: absolute;
-  top: 20px;
-  right: 20px;
-}
-
 input, textarea, #results, #groups {
   margin-bottom: 20px;
   background-color: white;
@@ -280,10 +275,6 @@ input, textarea, #results, #groups {
   padding-left: 30px;
 }
 
-#shares li {
-
-}
-
 #shares a {
   color: #444;
   font-size: 14px;

index.html

@@ -75,16 +75,33 @@ <h2>Share Link:</h2>
     </div>
 
     <div id="quick_reference">
-      <div class="scrollable">
-        <h2>Modifiers:</h2>
+      <div class="scrollable">        
         <table>
+          <caption><h2>Flags:</h2></caption>
           <tr>
-            <td class="regex">i</td>
+            <th class="regex">g</th>
+            <td>Perform a global match</td>
+          </tr>
+          <tr>
+            <th class="regex">i</th>
             <td>Perform case-insensitive matching</td>
           </tr>
           <tr>
-            <td class="regex">g</td>
-            <td>Perform a global match</td>
+            <th class="regex">m</th>
+            <td>Treat beginning and end characters (^ and $) as working over multiple lines</td>
+          </tr>
+          <tr>
+            <th class="regex">u</th>
+            <td>
+              Treat the pattern as a series of Unicode code points
+              (<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp#Regular_expression_and_Unicode_characters" rel="external noopener">
+                  See the MDN docs
+                </a>)
+            </td>
+          </tr>
+          <tr>
+            <th class="regex">y</th>
+            <td>Sticky; treat the pattern after a match as a separate pattern</td>
           </tr>
         </table>
         <h2>Brackets:</h2>