Merge pull request #313 from bcgov/ofmcc-5534-fix-doc-upload-long-fil…

…ename fix file upload box with long filename - fix mobile sizing for 'vehicle' card on transport supp app
bcgov · Aug 7, 2024 · 42f39f9 · 42f39f9
2 parents 49cfd74 + c9cab89
commit 42f39f9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/frontend/src/components/supp-allowances/TransportationAllowance.vue b/frontend/src/components/supp-allowances/TransportationAllowance.vue
@@ -40,10 +40,10 @@
   <div v-for="(model, index) in models" :key="model.supplementaryApplicationId ? model.supplementaryApplicationId : model.id" @input="update(model)">
     <v-card class="my-10" :class="{ greyTop: readOnly(model), 'basic-card': !readOnly(model) }" :disabled="readOnly(model)">
       <v-row class="pa-7 pt-10">
-        <v-col cols="1">
+        <v-col cols="10" md="2" lg="1">
           <AppLabel>Vehicle</AppLabel>
         </v-col>
-        <v-col v-if="!readOnly(model)">
+        <v-col v-if="!readOnly(model)" cols="1">
           <v-icon large class="mt-n2" @click="deleteModel(model, index)">mdi-delete-forever</v-icon>
         </v-col>
       </v-row>

diff --git a/frontend/src/components/ui/AppDocumentUpload.vue b/frontend/src/components/ui/AppDocumentUpload.vue
@@ -170,4 +170,9 @@ export default {
 .addFileButton {
   font-size: 16px;
 }
+
+:deep(.v-field__input) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 </style>