Skip to content

Commit

Permalink
New Table Row element
Browse files Browse the repository at this point in the history
Allows for safe embedding of Table Cells in an encapsulated way
Allows for certain CSS properties to be passed along to the Cells
Allows for how row interactions

Related to Issue #43
  • Loading branch information
BobChao87 committed Nov 4, 2021
1 parent 26e6042 commit 92d0413
Showing 1 changed file with 17 additions and 0 deletions.
17 changes: 17 additions & 0 deletions components/element/table/Row.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<template>
<div class="element-table-row">
<slot />
</div>
</template>

<style lang="scss" scoped>
@use '~assets/table';
.element-table-row {
@include table.cell-varients($selector-after: '::v-deep > .element-table-cell');
// XXX display: contents should be a hack and an implementation detail and is subject to change
// This is a substitute for properly using subgrid (CSS Grid Level 2)
display: contents;
}
</style>

0 comments on commit 92d0413

Please sign in to comment.