From: Mark Otto <markdotto@gmail.com>
Date: Sun, 19 Mar 2017 23:54:03 +0000 (-0700)
Subject: Do what the comment says; add this only to devices under 768px
X-Git-Tag: v4.0.0-beta~147^2~138
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4c015bf378f506a0258c48a66093b71bc5b4d93a;p=thirdparty%2Fbootstrap.git

Do what the comment says; add this only to devices under 768px
---

diff --git a/scss/_tables.scss b/scss/_tables.scss
index d5148810f4..c34bb2bef6 100644
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@@ -142,13 +142,15 @@
 // will display normally.
 
 .table-responsive {
-  display: block;
-  width: 100%;
-  overflow-x: auto;
-  -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
-
-  // Prevent double border on horizontal scroll due to use of `display: block;`
-  &.table-bordered {
-    border: 0;
+  @include media-breakpoint-down(md) {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
+
+    // Prevent double border on horizontal scroll due to use of `display: block;`
+    &.table-bordered {
+      border: 0;
+    }
   }
 }