fix: change exclude object icon and cut object name, if it is too long

Signed-off-by: Stefan Dej <meteyou@gmail.com>
This commit is contained in:
Stefan Dej 2021-12-08 21:56:47 +01:00
parent abe66b4557
commit 945a3f8eaf
No known key found for this signature in database
GPG Key ID: 5D3A5823133D2246

View File

@ -4,15 +4,17 @@
<template>
<div v-if="['printing', 'paused'].includes(printer_state) && printing_objects.length">
<v-container>
<v-row>
<v-col class="py-2">
<span class="subtitle-2 d-block px-0 text--disabled"><v-icon class="mr-2" small>mdi-printer-3d-nozzle</v-icon>{{ current_object !== null ? current_object : '--' }}</span>
</v-col>
<v-col class="col-auto py-2">
<v-icon class="text--disabled cursor-pointer" @click="openCancelObjectDialog(current_object)" small v-if="current_object !== null">mdi-close-circle</v-icon>
</v-col>
</v-row>
<v-container class="py-0">
<div class="d-flex flex-row flex-nowrap justify-space-between">
<div class="py-2" style="width: calc(100% - 25px);">
<span class="subtitle-2 d-block px-0 text--disabled text-truncate">
<v-icon class="mr-2" small>mdi-printer-3d-nozzle</v-icon>{{ current_object !== null ? current_object : '--' }}
</span>
</div>
<div class="py-2 pl-0">
<v-icon class="text--disabled cursor-pointer" @click="openCancelObjectDialog(current_object)" small v-if="current_object !== null">mdi-selection-remove</v-icon>
</div>
</div>
</v-container>
<v-divider class="mt-0 mb-0" ></v-divider>
<v-dialog v-model="boolShowExcludeObjectDialog" max-width="400">