feat(tables): ensure tables match Orange Digital Guidelines

Orange-OpenSource · Apr 8, 2020 · af31c78 · af31c78
1 parent e701278
commit af31c78
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/scss/_tables.scss b/scss/_tables.scss
@@ -20,7 +20,6 @@
   td {
     padding: $table-cell-padding;
     line-height: $table-cell-line-height;
-    vertical-align: top;
   }
 
   thead tr {
@@ -46,7 +45,7 @@
 // Change placement of captions with a class
 //
 
-.caption-top { caption-side: top; }
+.caption-bottom { caption-side: bottom; } // Boosted mod
 
 
 //

diff --git a/site/content/docs/4.3/content/tables.md b/site/content/docs/4.3/content/tables.md
@@ -266,11 +266,11 @@ A `<caption>` functions like a heading for a table. It helps users with screen r
   </tbody>
 </table>
 {{< /example >}}
-
-You can also put the `<caption>` on the top of the table with `.caption-top`.
+<!-- Boosted mod: default caption-side is top -->
+You can also put the `<caption>` on the bottom of the table with `.caption-bottom`.
 
 {{< example >}}
-<table class="table caption-top">
+<table class="table caption-bottom">
   <caption>List of users</caption>
   <thead>
     <tr>