Permalink
Browse files

fix(expandable table): HTML and CSS improvements

  • Loading branch information...
lara-aigmueller committed Sep 14, 2016
1 parent 92db6ea commit b6a188199d920fc2cdf1208e9aa4f569353e1478
@@ -18,9 +18,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
Some expandable content...
</div>
Some expandable content...
</td>
</tr>
</tbody>
@@ -34,9 +32,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
More expandable content...
</div>
More expandable content...
</td>
</tr>
</tbody>
@@ -59,9 +55,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
More expandable content...
</div>
More expandable content...
</td>
</tr>
</tbody>
@@ -19,9 +19,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
Some expandable content...
</div>
Some expandable content...
</td>
</tr>
</tbody>
@@ -35,9 +33,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
More expandable content...
</div>
More expandable content...
</td>
</tr>
</tbody>
@@ -60,9 +56,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
More expandable content...
</div>
More expandable content...
</td>
</tr>
</tbody>
@@ -19,9 +19,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
Some expandable content...
</div>
Some expandable content...
</td>
</tr>
</tbody>
@@ -35,9 +33,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
More expandable content...
</div>
More expandable content...
</td>
</tr>
</tbody>
@@ -60,9 +56,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
More expandable content...
</div>
More expandable content...
</td>
</tr>
</tbody>
@@ -19,9 +19,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
Some expandable content...
</div>
Some expandable content...
</td>
</tr>
</tbody>
@@ -35,9 +33,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
More expandable content...
</div>
More expandable content...
</td>
</tr>
</tbody>
@@ -60,9 +56,7 @@
</tr>
<tr class="expandable__content">
<td colspan="5">
<div>
More expandable content...
</div>
More expandable content...
</td>
</tr>
</tbody>
@@ -14,12 +14,6 @@ $expandable-table-border-color: $purple-500;
background-color: $white;
}
.table--expandable .expandable__content > div {
display: block;
max-height: 0;
transition: max-height 2s;
}
.table--expandable .expandable__content td {
padding: 32px 10px 28px;
}
@@ -36,11 +30,6 @@ $expandable-table-border-color: $purple-500;
display: table-row;
}
.table--expandable .is-expanded .expandable__content > div {
max-height: 100%;
}
@mixin expandable-table-theme($table-background-color, $table-border-color) {
.table--expandable .is-expanded tr:first-child {

0 comments on commit b6a1881

Please sign in to comment.