From ab18641f566eb8ff9a9ba44737e926169af8a519 Mon Sep 17 00:00:00 2001
From: Dany Jupille <dany.jupille@he-arc.ch>
Date: Tue, 5 Mar 2019 12:20:08 +0000
Subject: [PATCH] Fix large table horizontal scroll and prevent side-by-side
 tables

---
 app/assets/stylesheets/framework/mixins.scss         | 7 +------
 changelogs/unreleased/table-fix-scroll-and-block.yml | 5 +++++
 2 files changed, 6 insertions(+), 6 deletions(-)
 create mode 100644 changelogs/unreleased/table-fix-scroll-and-block.yml

diff --git a/app/assets/stylesheets/framework/mixins.scss b/app/assets/stylesheets/framework/mixins.scss
index fda7b6d5467..ba3b0906e28 100644
--- a/app/assets/stylesheets/framework/mixins.scss
+++ b/app/assets/stylesheets/framework/mixins.scss
@@ -26,16 +26,11 @@
  */
 @mixin markdown-table {
   width: auto;
-  display: inline-block;
+  display: block;
   overflow-x: auto;
   border: 0;
   border-color: $gl-gray-100;
 
-  @supports (width: fit-content) {
-    display: block;
-    width: fit-content;
-  }
-
   tr {
     th {
       border-bottom: solid 2px $gl-gray-100;
diff --git a/changelogs/unreleased/table-fix-scroll-and-block.yml b/changelogs/unreleased/table-fix-scroll-and-block.yml
new file mode 100644
index 00000000000..e6def0468b8
--- /dev/null
+++ b/changelogs/unreleased/table-fix-scroll-and-block.yml
@@ -0,0 +1,5 @@
+---
+title: Fix large table horizontal scroll and prevent side-by-side tables
+merge_request: 25520
+author: Dany Jupille
+type: fixed
-- 
GitLab