v.5.3.8

Author: SimonPadbury

docs/docs/6-simple-components/tables/index.html

@@ -902,7 +902,7 @@ <h2 id="oversized-tables" tabindex="-1">Oversized tables</h2>
   </tbody>
 </table>
 </div>
-<p>Are you have a situation where there is (or is going to be) multiple oversized, layout-breaking tables? Then you can add some JavaScript to your template, that automatically adds this <code>overflow-x</code> wrapper to all tables that have the <code>table</code> class.</p>
+<p>If you have a situation where there is (or is going to be) multiple oversized, layout-breaking tables, then you can add some JavaScript to your template, that automatically adds this <code>overflow-x</code> wrapper to all tables that have the <code>table</code> class.</p>
 <p>Here’s one way of doing that:</p>
 <pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript"><br>  <span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><br><br>    <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">forEach</span><span class="token punctuation">.</span><span class="token function">call</span><span class="token punctuation">(</span>document<span class="token punctuation">.</span><span class="token function">querySelectorAll</span><span class="token punctuation">(</span><span class="token string">'.table'</span><span class="token punctuation">)</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">el</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><br>      <span class="token keyword">var</span> table <span class="token operator">=</span> el<span class="token punctuation">.</span>outerHTML<span class="token punctuation">;</span><br>      <span class="token keyword">var</span> tableWrapped <span class="token operator">=</span> <span class="token string">'&lt;div class="overflow-x mb-2">'</span> <span class="token operator">+</span> table <span class="token operator">+</span> <span class="token string">'&lt;/div>'</span><span class="token punctuation">;</span><br>      el<span class="token punctuation">.</span>outerHTML <span class="token operator">=</span> tableWrapped<span class="token punctuation">;</span><br>    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br><br>  <span class="token punctuation">}</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span></code></pre>
 

src/docs/6-simple-components/tables.md

@@ -392,7 +392,7 @@ Codebase `overflow-x` uses to remove margins from around Codebase table classes
 </table>
 </div>
 
-Are you have a situation where there is (or is going to be) multiple oversized, layout-breaking tables? Then you can add some JavaScript to your template, that automatically adds this `overflow-x` wrapper to all tables that have the `table` class.
+If you have a situation where there is (or is going to be) multiple oversized, layout-breaking tables, then you can add some JavaScript to your template, that automatically adds this `overflow-x` wrapper to all tables that have the `table` class.
 
 Here’s one way of doing that: