1 files changed, 16 insertions, 3 deletions
diff --git a/app/assets/javascripts/kubernetes_dashboard/components/workload_layout.vue b/app/assets/javascripts/kubernetes_dashboard/components/workload_layout.vue
index 8c6a08ad504..6579e0229e6 100644
--- a/app/assets/javascripts/kubernetes_dashboard/components/workload_layout.vue
+++ b/app/assets/javascripts/kubernetes_dashboard/components/workload_layout.vue
@@ -1,6 +1,7 @@
 <script>
 import { GlLoadingIcon, GlAlert, GlDrawer } from '@gitlab/ui';
 import { DRAWER_Z_INDEX } from '~/lib/utils/constants';
+import { getContentWrapperHeight } from '~/lib/utils/dom_utils';
 import WorkloadStats from './workload_stats.vue';
 import WorkloadTable from './workload_table.vue';
 import WorkloadDetails from './workload_details.vue';
@@ -33,6 +34,11 @@ export default {
       type: Array,
       required: true,
     },
+    fields: {
+      type: Array,
+      required: false,
+      default: undefined,
+    },
   },
   data() {
     return {
@@ -40,6 +46,11 @@ export default {
       selectedItem: {},
     };
   },
+  computed: {
+    getDrawerHeaderHeight() {
+      return getContentWrapperHeight();
+    },
+  },
   methods: {
     closeDetailsDrawer() {
       this.showDetailsDrawer = false;
@@ -59,16 +70,18 @@ export default {
   </gl-alert>
   <div v-else>
     <workload-stats :stats="stats" />
-    <workload-table :items="items" @select-item="onItemSelect" />
+    <workload-table :items="items" :fields="fields" @select-item="onItemSelect" />
 
     <gl-drawer
       :open="showDetailsDrawer"
-      header-height="calc(var(--top-bar-height) + var(--performance-bar-height))"
+      :header-height="getDrawerHeaderHeight"
       :z-index="$options.DRAWER_Z_INDEX"
       @close="closeDetailsDrawer"
     >
       <template #title>
-        <h4 class="gl-font-weight-bold gl-font-size-h2 gl-m-0">{{ selectedItem.name }}</h4>
+        <h4 class="gl-font-weight-bold gl-font-size-h2 gl-m-0 gl-word-break-word">
+          {{ selectedItem.name }}
+        </h4>
       </template>
       <template #default>
         <workload-details :item="selectedItem" />