Mercurial > gemma
changeset 4876:6a8d967baf1d
import configuration: overhaul table layout to have lined up borders
| author | Thomas Junk <thomas.junk@intevation.de> |
|---|---|
| date | Mon, 03 Feb 2020 11:45:06 +0100 |
| parents | 6237e6165041 |
| children | e89c1140f0a8 |
| files | client/src/components/importconfiguration/Import.vue |
| diffstat | 1 files changed, 17 insertions(+), 13 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/importconfiguration/Import.vue Fri Jan 31 23:17:37 2020 +0100 +++ b/client/src/components/importconfiguration/Import.vue Mon Feb 03 11:45:06 2020 +0100 @@ -5,12 +5,12 @@ <UISpinnerOverlay v-if="loading" /> <UITableHeader :columns="[ - { id: 'id', title: `${idLabel}`, class: 'col-1' }, - { id: 'kind', title: `${typeLabel}`, class: 'col-1' }, - { id: 'user', title: `${ownerLabel}`, class: 'col-2' }, - { id: 'country', title: `${countryLabel}`, class: 'col-1' }, - { id: 'config.cron', title: `${scheduleLabel}`, class: 'col-2' }, - { id: 'config.send-email', title: `${emailLabel}`, class: 'col-2' } + { id: 'id', title: `${idLabel}`, width: '60px;' }, + { id: 'kind', title: `${typeLabel}`, width: '60px;' }, + { id: 'user', title: `${ownerLabel}`, width: '250px' }, + { id: 'country', title: `${countryLabel}`, width: '80px' }, + { id: 'config.cron', title: `${scheduleLabel}`, width: '100px' }, + { id: 'config.send-email', title: `${emailLabel}`, width: '70px' } ]" /> <UITableBody @@ -18,18 +18,22 @@ :isActive="item => currentSchedule && item.id === currentSchedule.id" > <template v-slot:row="{ item: schedule }"> - <div class="table-cell py-1 col-1">{{ schedule.id }}</div> - <div class="table-cell py-1 col-1"> + <div style="width:60px" class="table-cell py-1"> + {{ schedule.id }} + </div> + <div style="width:60px" class="table-cell py-1"> {{ schedule.kind.toUpperCase() }} </div> - <div style="width:115px;" class="table-cell py-1"> + <div style="width:250px;" class="table-cell py-1"> {{ schedule.user }} </div> - <div style="width:55px;" class="table-cell py-1"> + <div style="width:80px;" class="table-cell py-1"> {{ userCountries[schedule.user] }} </div> - <div class="table-cell py-1 col-2">{{ schedule.config.cron }}</div> - <div class="table-cell py-1 col-2"> + <div style="width:100px" class="table-cell py-1"> + {{ schedule.config.cron }} + </div> + <div style="width:70px" class="table-cell py-1 truncate"> <font-awesome-icon v-if="schedule.config['send-email']" class="fa-fw mr-2" @@ -37,7 +41,7 @@ icon="check" /> </div> - <div class="table-cell py-1 col justify-content-end"> + <div class="table-cell py-1 justify-content-end"> <button @click="triggerManualImport(schedule.id)" class="btn btn-xs btn-dark mr-1"