commit b09f3e8ff7e57868da9654998708ee7fc08a8502
author Abhishek Kumar <abhishek.mrt22@gmail.com> Fri Oct 03 11:20:22 2025 +0530
committer GitHub <noreply@github.com> Fri Oct 03 11:20:22 2025 +0530
tree a9ccec807f698bf91b1932ca65794b78dcfa89fb
parent 1efa46cb4d1d9571b2e3138be0565ea25a70787d

ui: fix overflow for value in DetailInput (#11771)

In DetailInput component when a long value is used, it overflows on some
browsers.

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>

ui/src/components/widgets/DetailsInput.vue

diff --git a/ui/src/components/widgets/DetailsInput.vue b/ui/src/components/widgets/DetailsInput.vue
index eeab0e3..a8d39fc 100644
--- a/ui/src/components/widgets/DetailsInput.vue
+++ b/ui/src/components/widgets/DetailsInput.vue
@@ -87,8 +87,8 @@
   data () {
     return {
       columns: [
-        { title: this.$t('label.key'), dataIndex: 'key', key: 'key', width: '40%' },
-        { title: this.$t('label.value'), dataIndex: 'value', key: 'value', width: '40%' },
+        { title: this.$t('label.key'), dataIndex: 'key', key: 'key', width: '40%', ellipsis: true },
+        { title: this.$t('label.value'), dataIndex: 'value', key: 'value', width: '40%', ellipsis: true },
         { title: this.$t('label.actions'), key: 'actions', width: '20%' }
       ],
       newKey: '',