Add responsive tables with help of `.table-responsive` wrapper

1 files changed, 1 insertions, 30 deletions

diff --git a/assets/css/docs.css b/assets/css/docs.css
index 3304c0145..963169891 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -862,36 +862,7 @@ body {
  */
 
 /* Responsive (scrollable) doc tables */
-@media (max-width: 768px) {
-  .bs-table-scrollable {
-    width: 100%;
-    margin-bottom: 15px;
-    overflow-y: hidden;
-    overflow-x: scroll;
-    border: 1px solid #ddd;
-  }
-  .bs-table-scrollable .table {
-    margin-bottom: 0;
-    border: 0;
-  }
-  .bs-table-scrollable .table th,
-  .bs-table-scrollable .table td {
-    white-space: nowrap;
-  }
-  .bs-table-scrollable .table th:first-child,
-  .bs-table-scrollable .table td:first-child {
-    border-left: 0;
-  }
-  .bs-table-scrollable .table th:last-child,
-  .bs-table-scrollable .table td:last-child {
-    border-right: 0;
-  }
-  .bs-table-scrollable .table tr:last-child th,
-  .bs-table-scrollable .table tr:last-child td {
-    border-bottom: 0;
-  }
-}
-.bs-table-scrollable .highlight pre {
+.table-responsive .highlight pre {
   white-space: normal;
 }