From 4e02bdce6db2b8c09cdf32b43e8534025b653062 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 22 Feb 2023 15:28:36 +0300
Subject: [PATCH] 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>
---
 .../+workloads-deployments/deployment-replicasets.tsx           | 2 +-
 .../renderer/components/+workloads-pods/pod-details-list.tsx    | 2 +-
 packages/core/src/renderer/components/table/table-head.scss     | 1 -
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/renderer/components/+workloads-deployments/deployment-replicasets.tsx b/packages/core/src/renderer/components/+workloads-deployments/deployment-replicasets.tsx
index fc334f87f0..655b810780 100644
--- a/packages/core/src/renderer/components/+workloads-deployments/deployment-replicasets.tsx
+++ b/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>
diff --git a/packages/core/src/renderer/components/+workloads-pods/pod-details-list.tsx b/packages/core/src/renderer/components/+workloads-pods/pod-details-list.tsx
index 83e15f794e..2eb291ac7c 100644
--- a/packages/core/src/renderer/components/+workloads-pods/pod-details-list.tsx
+++ b/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>
diff --git a/packages/core/src/renderer/components/table/table-head.scss b/packages/core/src/renderer/components/table/table-head.scss
index 6df8517389..ca51e39d63 100644
--- a/packages/core/src/renderer/components/table/table-head.scss
+++ b/packages/core/src/renderer/components/table/table-head.scss
@@ -38,7 +38,6 @@
   }
 
   &.flat {
-    background-color: transparent;
     font-weight: 600;
   }
 }