From 0bf273adf46a9afca3819d90e3e52f99e62e0ab5 Mon Sep 17 00:00:00 2001
From: NFish <douxc512@gmail.com>
Date: Fri, 6 Jun 2025 14:23:43 +0800
Subject: [PATCH] fix: show ellipsis when text too long

---
 web/app/components/app/app-publisher/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/app/components/app/app-publisher/index.tsx b/web/app/components/app/app-publisher/index.tsx
index 1a5a56e40f..7f1dcdf6f8 100644
--- a/web/app/components/app/app-publisher/index.tsx
+++ b/web/app/components/app/app-publisher/index.tsx
@@ -253,7 +253,7 @@ const AppPublisher = ({
                   onClick={() => {
                     setShowAppAccessControl(true)
                   }}>
-                  <div className='flex grow items-center gap-x-1.5 pr-1'>
+                  <div className='flex grow items-center gap-x-1.5 pr-1 overflow-hidden'>
                     {appDetail?.access_mode === AccessMode.ORGANIZATION
                       && <>
                         <RiBuildingLine className='h-4 w-4 shrink-0 text-text-secondary' />
@@ -263,7 +263,9 @@ const AppPublisher = ({
                     {appDetail?.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS
                       && <>
                         <RiLockLine className='h-4 w-4 shrink-0 text-text-secondary' />
-                        <p className='system-sm-medium text-text-secondary'>{t('app.accessControlDialog.accessItems.specific')}</p>
+                        <div className='grow truncate'>
+                          <span className='system-sm-medium text-text-secondary'>{t('app.accessControlDialog.accessItems.specific')}</span>
+                        </div>
                       </>
                     }
                     {appDetail?.access_mode === AccessMode.PUBLIC