[Bug] [Workspace]Fix workspace detail classname definition (opensearc…

…h-project#7986)

changelogs/fragments/7986.yml

@@ -0,0 +1,2 @@
+fix:
+- Fix workspace detail classname definition ([#7986](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7986))

src/plugins/workspace/public/components/workspace_detail/data_source_connection_table.scss

@@ -1,19 +1,19 @@
-.customized-table thead {
+.workspace-detail-direct-query-expanded-table thead {
   display: none;
 }
 
-[id^="row"][id$="expansion"] > td:first-child > div:first-child {
+.workspace-detail-direct-query-table [id^="row"][id$="expansion"] > td:first-child > div:first-child {
   padding: 0;
 }
 
-.customized-row:first-child > td {
+.workspace-detail-direct-query-expanded-row:first-child > td {
   border-top: 0;
 }
 
-.customized-row:last-child > td {
+.workspace-detail-direct-query-expanded-row:last-child > td {
   border-bottom: 0;
 }
 
-.customized-row > td:nth-child(2) {
+.workspace-detail-direct-query-expanded-row > td:nth-child(2) {
   padding-left: 25px;
 }

src/plugins/workspace/public/components/workspace_detail/data_source_connection_table.tsx

@@ -123,9 +123,9 @@ export const DataSourceConnectionTable = ({
           items={item?.relatedConnections ?? []}
           itemId="id"
           columns={baseColumns}
-          className="customized-table"
+          className="workspace-detail-direct-query-expanded-table"
           rowProps={{
-            className: 'customized-row',
+            className: 'workspace-detail-direct-query-expanded-row',
           }}
         />
       );
@@ -295,6 +295,7 @@ export const DataSourceConnectionTable = ({
         isSelectable={true}
         itemIdToExpandedRowMap={itemIdToExpandedRowMap}
         isExpandable={true}
+        className="workspace-detail-direct-query-table"
         pagination={{
           initialPageSize: 10,
           pageSizeOptions: [10, 20, 30],