Fix PodList TableHead overflow (#7212)

* Remove transparent bg on .flat TableHead

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fix TableHeads not to be sticky

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

---------

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

packages/core/src/renderer/components/+workloads-deployments/deployment-replicasets.tsx

@@ -78,7 +78,7 @@ class NonInjectedDeploymentReplicaSets extends React.Component<DeploymentReplica
           sortSyncWithUrl={false}
           className="box grow"
         >
-          <TableHead flat>
+          <TableHead flat sticky={false}>
             <TableCell className="name" sortBy={sortBy.name}>Name</TableCell>
             <TableCell className="warning"/>
             <TableCell className="namespace" sortBy={sortBy.namespace}>Namespace</TableCell>

packages/core/src/renderer/components/+workloads-pods/pod-details-list.tsx

@@ -190,7 +190,7 @@ class NonInjectedPodDetailsList extends React.Component<PodDetailsListProps & De
           )}
           className="box grow"
         >
-          <TableHead flat>
+          <TableHead flat sticky={virtual}>
             <TableCell className="name" sortBy={sortBy.name}>Name</TableCell>
             <TableCell className="warning"/>
             <TableCell className="node" sortBy={sortBy.node}>Node</TableCell>

packages/core/src/renderer/components/table/table-head.scss

@@ -38,7 +38,6 @@
   }
 
   &.flat {
-    background-color: transparent;
     font-weight: 600;
   }
 }