lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

🐞 ImportRunnerModal - table overflow fix

Browse Source 
ref #13
This commit is contained in:
Philipp Dormann 2021-01-24 18:40:54 +01:00
parent 2cc9b3e1ed
commit dc1644ed25
1 changed files with 49 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

97
src/components/ImportRunnerModal.svelte
View File

@ -206,60 +206,61 @@
aria-label={$_('datatable.search')} aria-label={$_('datatable.search')}
class="p-2 w-full" /> class="p-2 w-full" />
<div class="relative w-full mt-4 mb-4"> <div class="relative w-full mt-4 mb-4">
<table <div class="w-full overflow-x-auto">
class="divide-y divide-gray-200 w-full overflow-x-scroll"> <table class="divide-y divide-gray-200 w-full">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr>
<th
scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
{$_('csv_import__firstname')}
</th>
<th
scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
{$_('csv_import__middlename')}
</th>
<th
scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
{$_('csv_import__lastname')}
</th>
{#if opened_from !== 'TeamDetail'}
<th <th
scope="col" scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"> class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
{$_('csv_import__team')} {$_('csv_import__firstname')}
</th> </th>
{/if} <th
</tr> scope="col"
</thead> class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
<tbody class="divide-y divide-gray-200"> {$_('csv_import__middlename')}
{#each json_output as runner} </th>
{#if Object.values(runner) <th
.toString() scope="col"
.toLowerCase() class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
.includes(searchvalue)} {$_('csv_import__lastname')}
<tr> </th>
<td class="px-6 py-4 whitespace-nowrap"> {#if opened_from !== 'TeamDetail'}
{runner[`${$_('csv_import__firstname')}`]} <th
</td> scope="col"
<td class="px-6 py-4 whitespace-nowrap"> class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
{runner[`${$_('csv_import__middlename')}`] || ''} {$_('csv_import__team')}
</td> </th>
<td class="px-6 py-4 whitespace-nowrap"> {/if}
{runner[`${$_('csv_import__lastname')}`]} </tr>
</td> </thead>
{#if opened_from !== 'TeamDetail'} <tbody class="divide-y divide-gray-200">
{#each json_output as runner}
{#if Object.values(runner)
.toString()
.toLowerCase()
.includes(searchvalue)}
<tr>
<td class="px-6 py-4 whitespace-nowrap"> <td class="px-6 py-4 whitespace-nowrap">
{runner[`${$_('csv_import__team')}`] || runner[`${$_('csv_import__class')}`] || '---'} {runner[`${$_('csv_import__firstname')}`]}
</td> </td>
{/if} <td class="px-6 py-4 whitespace-nowrap">
</tr> {runner[`${$_('csv_import__middlename')}`] || ''}
{/if} </td>
{/each} <td class="px-6 py-4 whitespace-nowrap">
</tbody> {runner[`${$_('csv_import__lastname')}`]}
</table> </td>
{#if opened_from !== 'TeamDetail'}
<td class="px-6 py-4 whitespace-nowrap">
{runner[`${$_('csv_import__team')}`] || runner[`${$_('csv_import__class')}`] || '---'}
</td>
{/if}
</tr>
{/if}
{/each}
</tbody>
</table>
</div>
<button <button
on:click={importAction} on:click={importAction}
type="button" type="button"