Fixed Table Layout

Fixed bug steemit#3924 by introducing a scrollbar underneath tables that exceed their wrapper width.
the-gorilla-steem · Oct 1, 2024 · ac73383 · ac73383
1 parent 6170a6c
commit ac73383
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/app/assets/stylesheets/foundation-overrides.scss b/src/app/assets/stylesheets/foundation-overrides.scss
@@ -89,11 +89,16 @@ table {
   box-shadow: inset 0 0 0 -1px red;
 }
 
+.MarkdownViewer table {
+  display: block;
+  overflow-x: auto;
+  width: 100%;
+}
 
 thead, tbody, tfoot {
   @include themify($themes) {
     background-color: themed('backgroundColor');    
-  }     
+  }
 }
 
 thead {
@@ -120,6 +125,7 @@ tbody tr:nth-child(even) {
   border: transparent;
   transition: 0.2s all ease-in-out;
   outline: none;
+  padding-bottom: 50px !important;
   @include themify($themes) {
     background-color: themed('modalBackgroundColor');
     color: themed('modalTextColorPrimary');