fix(table): monkey patch top table border

see: twbs/bootstrap#35200
techfromsage · Jan 6, 2022 · 827eae1 · 827eae1
1 parent a96ab3f
commit 827eae1
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/docs/assets/css/talis.css b/docs/assets/css/talis.css
diff --git a/docs/assets/css/talis.css.map b/docs/assets/css/talis.css.map
diff --git a/docs/otis/module/index.html b/docs/otis/module/index.html
@@ -339,6 +339,7 @@ <h1>Encouraging deeper discussion</h1>
 
 <div class="table-responsive">
   <table class="table table-lg table-striped mb-3">
+    <caption class="visually-hidden">A brief summary of the contents of this table.</caption>
     <thead>
       <tr>
         <th>Title</th>

diff --git a/scss/_tables.scss b/scss/_tables.scss
@@ -1,3 +1,8 @@
+// Temp override while we wait for https://github.com/twbs/bootstrap/pull/35200 to end up in live
+.table > :not(caption):not(colgroup) + * {
+  border-top: (2 * $table-border-width) solid $table-group-separator-color;
+}
+
 th {
   color: $black;
 }