fix(style): long table overflow

source/css/style.styl

@@ -417,21 +417,29 @@ figure.highlight
         display: block
 
 /* ---------------------------------
- *        Fix Video
+ *          Overflow Table
  * --------------------------------- */
-.video-container {
-	position: relative;
-	padding-bottom: 56.25%;
-	padding-top: 25px;
-	height: 0;
-}
-.video-container iframe {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-}
+.table-overflow
+    overflow-x: auto
+    table
+        width: auto!important
+        th
+            word-break: keep-all
+
+/* ---------------------------------
+ *            Fix Video
+ * --------------------------------- */
+.video-container
+    position: relative
+    padding-bottom: 56.25%
+    padding-top: 25px
+    height: 0
+    iframe
+        position: absolute
+        top: 0
+        left: 0
+        width: 100%
+        height: 100%
 
 /* ---------------------------------
  *        Fix Gist Snippet

source/js/main.js

@@ -1,4 +1,4 @@
-(function($){
+(function ($) {
     $('.article img:not(".not-gallery-item")').each(function () {
         // wrap images with link and add caption if possible
         if ($(this).parent('a').length === 0) {
@@ -9,12 +9,18 @@
         }
     });
 
-    if (typeof(moment) === 'function') {
+    if (typeof (moment) === 'function') {
         $('.article-meta time').each(function () {
             $(this).text(moment($(this).attr('datetime')).fromNow());
         });
     }
 
+    $('.article > .content > table').each(function () {
+        if ($(this).width() > $(this).parent().width()) {
+            $(this).wrap('<div class="table-overflow"></div>');
+        }
+    });
+
     function adjustNavbar() {
         const navbarWidth = $('.navbar-main .navbar-start').outerWidth() + $('.navbar-main .navbar-end').outerWidth();
         if ($(document).outerWidth() < navbarWidth) {
@@ -28,7 +34,7 @@
 
     var $toc = $('#toc');
     if ($toc.length > 0) {
-    var $mask = $('<div>');
+        var $mask = $('<div>');
         $mask.attr('id', 'toc-mask');
 
         $('body').append($mask);