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