From 4b41184bedf144488d3fd698467e71bcc7ad6f37 Mon Sep 17 00:00:00 2001
From: Rudra <rudra21ultra@gmail.com>
Date: Wed, 7 Aug 2024 12:09:17 +0530
Subject: [PATCH] overflow and z-index

---
 .../src/ManageGranularAccess/AppResourcePermission.jsx | 10 ++++++----
 .../groupPermissions.theme.scss                        |  2 +-
 frontend/src/_styles/tabler.scss                       |  3 ++-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/frontend/src/ManageGranularAccess/AppResourcePermission.jsx b/frontend/src/ManageGranularAccess/AppResourcePermission.jsx
index 0c56a51e45..358b914b84 100644
--- a/frontend/src/ManageGranularAccess/AppResourcePermission.jsx
+++ b/frontend/src/ManageGranularAccess/AppResourcePermission.jsx
@@ -4,6 +4,7 @@ import '../ManageGroupPermissionsV2/groupPermissions.theme.scss';
 import SolidIcon from '@/_ui/Icon/SolidIcons';
 import { ButtonSolid } from '@/_ui/AppButton/AppButton';
 import { OverlayTrigger, Tooltip } from 'react-bootstrap';
+import OverflowTooltip from '@/_components/OverflowTooltip';
 function AppResourcePermissions({
   updateOnlyGranularPermissions,
   permissions,
@@ -35,11 +36,12 @@ function AppResourcePermissions({
     >
       <div className="resource-name d-flex">
         <SolidIcon name="app" width="20px" className="resource-icon" />
-        <div
-          className="resource-text"
-          data-cy={`${permissions.name.toLowerCase().replace(/\s+/g, '-')}-text`}
-        >{`  ${permissions.name}`}</div>
+
+        <div className="resource-text" data-cy={`${permissions.name.toLowerCase().replace(/\s+/g, '-')}-text`}>
+          <OverflowTooltip width={160}>{`  ${permissions.name}`}</OverflowTooltip>
+        </div>
       </div>
+
       <div className="text-muted">
         <div className="d-flex apps-permission-wrap flex-column">
           <OverlayTrigger
diff --git a/frontend/src/ManageGroupPermissionsV2/groupPermissions.theme.scss b/frontend/src/ManageGroupPermissionsV2/groupPermissions.theme.scss
index 55630c40c3..3dd5ed93c0 100644
--- a/frontend/src/ManageGroupPermissionsV2/groupPermissions.theme.scss
+++ b/frontend/src/ManageGroupPermissionsV2/groupPermissions.theme.scss
@@ -427,7 +427,7 @@
         .resource-text{
           max-width: 160px;
           padding-top: 1px;
-          overflow-x: auto;
+          overflow-x: hidden;
         }
     }
 
diff --git a/frontend/src/_styles/tabler.scss b/frontend/src/_styles/tabler.scss
index 85abe696f0..9629d17941 100644
--- a/frontend/src/_styles/tabler.scss
+++ b/frontend/src/_styles/tabler.scss
@@ -3564,7 +3564,8 @@ fieldset:disabled .btn {
 }
 
 .dropdown-menu.show {
-    display: block
+    display: block;
+    z-index: 9999;
 }
 
 .dropdown-header {