From b09f3e8ff7e57868da9654998708ee7fc08a8502 Mon Sep 17 00:00:00 2001 From: Abhishek Kumar Date: Fri, 3 Oct 2025 11:20:22 +0530 Subject: [PATCH] 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 --- ui/src/components/widgets/DetailsInput.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ui/src/components/widgets/DetailsInput.vue b/ui/src/components/widgets/DetailsInput.vue index eeab0e3d528..a8d39fce02b 100644 --- a/ui/src/components/widgets/DetailsInput.vue +++ b/ui/src/components/widgets/DetailsInput.vue @@ -87,8 +87,8 @@ export default { 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: '',