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