diff --git a/.gitignore b/.gitignore index 8ae26d15f..a976ec37f 100644 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,7 @@ node_modules .vscode/ *.code-* *.sublime-* +*.stylelintrc.json .DS_Store diff --git a/__tests__/browser/ci/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-callouts-without-surprises-1-snap.png b/__tests__/browser/ci/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-callouts-without-surprises-1-snap.png index c1ee1044b..28e2c5fb9 100644 Binary files a/__tests__/browser/ci/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-callouts-without-surprises-1-snap.png and b/__tests__/browser/ci/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-callouts-without-surprises-1-snap.png differ diff --git a/__tests__/browser/ci/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-tables-without-surprises-1-snap.png b/__tests__/browser/ci/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-tables-without-surprises-1-snap.png index 9200ce32e..e87f74577 100644 Binary files a/__tests__/browser/ci/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-tables-without-surprises-1-snap.png and b/__tests__/browser/ci/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-tables-without-surprises-1-snap.png differ diff --git a/components/Table/style.scss b/components/Table/style.scss index 397af9be2..77d082a9a 100644 --- a/components/Table/style.scss +++ b/components/Table/style.scss @@ -46,44 +46,43 @@ } } -.markdown-body { +.markdown-body { @include markdown-table; + .rdmd-table { $border-wrap-width: 1px; + & { - position: relative; display: block; + position: relative; } - &:after { - content: ' '; - position: absolute; - box-shadow: inset 0 0 0 $border-wrap-width var(--table-edges, #dfe2e5); - width: 100%; - height: 100%; - top: 0; - pointer-events: none; - z-index: 1; - } + &-inner { - min-width: 100%; box-sizing: content-box; + min-width: 100%; + overflow: auto; width: 100%; } - table:only-child { - margin: 0 !important; - thead th { - position: sticky; - left: 0; - z-index: 1; - background: inherit; - } - td:last-child, - th:last-child { - border-right: none; - } - thead tr, - thead th:last-child { - box-shadow: 3px 0 0 var(--table-head); + + table { + border: 1px solid var(--table-edges, #dfe2e5); + + &:only-child { + margin: 0 !important; + + thead th { + background: inherit; + } + + td:last-child, + th:last-child { + border-right: none; + } + + thead tr, + thead th:last-child { + box-shadow: 3px 0 0 var(--table-head); + } } } }