Ghost/ghost/admin/app/components/gh-members-import-table.hbs
Peter Zimon db065a58e7 Added scrolling to members import preview table
no issues.
- adds scrolling to import table
- adds shadow to top and bottom if the table is taller than the viewport
2020-06-19 19:43:12 +02:00

26 lines
1.2 KiB
Handlebars

<table class="f8 gh-members-import-table ma0">
<thead>
<th class="bb br b--whitegrey"><span class="f-small midgrey ttu fw5">Header</span></th>
<th class="bb b--whitegrey">
<div class="flex items-center justify-between">
<span class="f-small midgrey ttu fw5 nudge-top--1">Data</span>
<div class="flex items-center bg-white br2 ml1 nr1 gh-members-import-datanav">
<a href="#" {{action "prev"}} class="pa1 flex items-center justify-center br b--whitegrey" data-test-import-prev>{{svg-jar "arrow-left" class="w3 h3 fill-middarkgrey" }}</a>
<a href="#" {{action "next"}} class="pa1 flex items-center justify-center" data-test-import-next>{{svg-jar "arrow-right" class="w3 h3 fill-middarkgrey" }}</a>
</div>
</div>
</th>
</thead>
<tbody>
{{#each-in currentlyDisplayedData as |key value|}}
<tr>
<td class="middarkgrey"><span>{{key}}</span></td>
<td class="middarkgrey {{unless value "empty-cell"}}"><span>{{value}}</span></td>
</tr>
{{else}}
<tr>
<td><span>No data</span></td>
</tr>
{{/each-in}}
</tbody>
</table>