Merge pull request #220 from bcgov/bugfix/bulk-results-css

Bulk results modal: tweak DataTable styling
bcgov · Jun 27, 2024 · 0336a74 · 0336a74
2 parents d56fa81 + 03e6e52
commit 0336a74
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/frontend/src/components/common/BulkPermission.vue b/frontend/src/components/common/BulkPermission.vue
@@ -408,6 +408,4 @@ const onSubmit = handleSubmit(async (values: any, { resetForm }) => {
     :resource="resource"
     :resource-type="resourceType"
   />
-
-  <pre v-if="complete">{{ results }}</pre>
 </template>
diff --git a/frontend/src/components/common/BulkPermissionResults.vue b/frontend/src/components/common/BulkPermissionResults.vue
@@ -16,6 +16,11 @@ const props = withDefaults(defineProps<Props>(), {
 
 const modelValue = defineModel<boolean>({ default: false });
 
+const exportFileName =
+  props.resourceType === 'object'
+    ? props.resource.name.replace(/\.[^/.]+$/, '')
+    : `${props.resource.bucketName}_bulk_results`;
+
 // Exports DataTable results
 const batchResults = ref();
 
@@ -31,9 +36,9 @@ const exportCSV = () => {
   >
     <DataTable
       ref="batchResults"
-      :export-filename="`${resourceType === 'object' ? resource.name.replace(/\.[^/.]+$/, '') : resource.bucketName}_bulk_results`"
+      :export-filename="exportFileName"
       :value="props.results"
-      class="p-datatable-striped"
+      class="p-datatable-striped results-modal-table"
     >
       <div class="action-buttons">
         <Button
@@ -54,7 +59,7 @@ const exportCSV = () => {
         header="Result"
       >
         <template #body="{ data }">
-          <span>
+          <span class="mr-3">
             <span class="m-1">
               <font-awesome-icon
                 v-if="data.status === 1"
@@ -90,4 +95,9 @@ const exportCSV = () => {
 .icon-noaction {
   color: $bcbox-noaction;
 }
+
+.results-modal-table {
+  text-wrap: nowrap;
+  min-width: 35em;
+}
 </style>