commit 8e1ed7953f802c318eeb38830fe9be1167e4f26f
author Farah Rasheed <Farah.Rasheed1@dell.com> Fri Jul 05 11:00:38 2024 -0500
committer Sivaprabu Ganesan <sivaprabug@ami.com> Fri Jul 12 02:42:32 2024 +0000
tree 181739dbc91d8b8207055db2bc3e3a8bb836a752
parent 7f70832ae0c12656f97f7c693c2daa03fd0da22f

Fix word-break for group name in edit role group

Apply 'word-break: break-all' style for the group name field in the
Edit role group modal to ensure long group names wrap properly within
their container.

The change improves the readability and layout consistency of the
group name display in the modal even if it contains long text.
Fixes #111

Change-Id: Ia424fadc1630bbf28726a7064ff9b14764877d2b
Signed-off-by: Farah Rasheed <Farah.Rasheed1@dell.com>

src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue

diff --git a/src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue b/src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue
index 6ea2561..beacf57 100644
--- a/src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue
+++ b/src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue
@@ -16,7 +16,7 @@
             <template v-if="roleGroup !== null">
               <dl class="mb-4">
                 <dt>{{ $t('pageLdap.modal.groupName') }}</dt>
-                <dd>{{ form.groupName }}</dd>
+                <dd style="word-break: break-all">{{ form.groupName }}</dd>
               </dl>
             </template>