feat(tables): remove striped rows tables

Orange-OpenSource · Dec 20, 2019 · 38767c2 · 38767c2
1 parent 42aebb0
commit 38767c2
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 82 deletions.
diff --git a/scss/_tables.scss b/scss/_tables.scss
@@ -120,16 +120,7 @@
   }
 }
 
-// Zebra-striping
-//
-// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-
-.table-striped {
-  tbody tr:nth-of-type(#{$table-striped-order}) {
-    background-color: $table-accent-bg;
-  }
-}
-
+// Boosted mod: no Zebra-striping
 
 // Hover effect
 //

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -427,7 +427,7 @@ $table-cell-padding-lg:       .90625rem !default; // 14.5px;
 
 $table-color:                 $body-color !default;
 $table-bg:                    $white !default;
-$table-accent-bg:             $gray-200 !default;
+// $table-accent-bg:             $gray-200 !default; // Boosted mod: no Zebra-striping
 $table-hover-color:           $table-color !default;
 $table-hover-bg:              $gray-300 !default; // Boosted mod : #eee on white bg
 $table-active-bg:             $gray-400 !default;

diff --git a/site/docs/4.4/content/tables.md b/site/docs/4.4/content/tables.md
@@ -151,77 +151,7 @@ Similar to tables and dark tables, use the modifier classes `.thead-light` or `.
 {% endcapture %}
 {% include example.html content=example %}
 
-## Striped rows
-
-Use `.table-striped` to add zebra-striping to any table row within the `<tbody>`.
-
-{% capture example %}
-<table class="table table-striped">
-  <thead>
-    <tr>
-      <th scope="col">#</th>
-      <th scope="col">First</th>
-      <th scope="col">Last</th>
-      <th scope="col">Handle</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th scope="row">1</th>
-      <td>Mark</td>
-      <td>Otto</td>
-      <td>@mdo</td>
-    </tr>
-    <tr>
-      <th scope="row">2</th>
-      <td>Jacob</td>
-      <td>Thornton</td>
-      <td>@fat</td>
-    </tr>
-    <tr>
-      <th scope="row">3</th>
-      <td>Larry</td>
-      <td>the Bird</td>
-      <td>@twitter</td>
-    </tr>
-  </tbody>
-</table>
-{% endcapture %}
-{% include example.html content=example %}
-
-{% capture example %}
-<table class="table table-striped table-dark">
-  <thead>
-    <tr>
-      <th scope="col">#</th>
-      <th scope="col">First</th>
-      <th scope="col">Last</th>
-      <th scope="col">Handle</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th scope="row">1</th>
-      <td>Mark</td>
-      <td>Otto</td>
-      <td>@mdo</td>
-    </tr>
-    <tr>
-      <th scope="row">2</th>
-      <td>Jacob</td>
-      <td>Thornton</td>
-      <td>@fat</td>
-    </tr>
-    <tr>
-      <th scope="row">3</th>
-      <td>Larry</td>
-      <td>the Bird</td>
-      <td>@twitter</td>
-    </tr>
-  </tbody>
-</table>
-{% endcapture %}
-{% include example.html content=example %}
+[comment]: # Boosted mod: no Striped rows
 
 ## Bordered table