fix: z-index on table header and divider

Author: eshankvaish

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "0.0.58-beta-10",
+        "@devtron-labs/devtron-fe-common-lib": "0.0.58-beta-11",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",
         "@rjsf/validator-ajv8": "^5.13.3",

src/Pages/GlobalConfigurations/Authorization/PermissionGroups/List/PermissionGroupList.component.tsx

@@ -117,7 +117,7 @@ const PermissionGroupList = () => {
             )}
             {isLoading || (result.totalCount && result.permissionGroups.length) ? (
                 <div className="flexbox-col flex-grow-1">
-                    <div className="user-permission__header cn-7 fs-12 fw-6 lh-20 dc__uppercase pl-20 pr-20 dc__border-bottom dc__position-sticky dc__top-0 bcn-0">
+                    <div className="user-permission__header cn-7 fs-12 fw-6 lh-20 dc__uppercase pl-20 pr-20 dc__border-bottom dc__position-sticky dc__top-0 bcn-0 dc__zi-1">
                         <span />
                         <SortableTableHeaderCell
                             title="Name"

src/Pages/GlobalConfigurations/Authorization/UserPermissions/AddEdit/UserForm.tsx

@@ -439,7 +439,7 @@ const UserForm = ({ isAddMode, userData = null }: { isAddMode: boolean; userData
                                     </span>
                                 )}
                             </div>
-                            <div className="dc__border-top-n1" />
+                            {!isAutoAssignFlowEnabled && <div className="dc__border-top-n1" />}
                         </>
                     )}
                     {!isAddMode && isAutoAssignFlowEnabled && (

src/Pages/GlobalConfigurations/Authorization/UserPermissions/List/UserPermissionList.component.tsx

@@ -120,7 +120,7 @@ const UserPermissionList = () => {
                     <div
                         className={`user-permission__header ${
                             showStatus ? 'user-permission__header--with-status' : ''
-                        } cn-7 fs-12 fw-6 lh-20 dc__uppercase pl-20 pr-20 dc__border-bottom dc__position-sticky dc__top-0 bcn-0`}
+                        } cn-7 fs-12 fw-6 lh-20 dc__uppercase pl-20 pr-20 dc__border-bottom dc__position-sticky dc__top-0 bcn-0 dc__zi-1`}
                     >
                         <span />
                         <SortableTableHeaderCell

src/css/base.scss

@@ -3859,6 +3859,10 @@ textarea::placeholder {
     border: solid 1px transparent;
 }
 
+.dc__zi-1 {
+    z-index: 1;
+}
+
 .dc__zi-4 {
     z-index: 4;
 }