From c22eb14e9185c629fcf3bb991337b5bcc238f71a Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 16 Aug 2022 16:16:36 +0300
Subject: [PATCH] Experimenting with sizing props

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/+workloads-pods/pods.tsx       | 6 ++++++
 src/renderer/components/list/table-theme.module.scss   | 3 ---
 src/renderer/components/table-list/table-list.tsx      | 8 ++++++++
 src/renderer/components/table/table-header.module.scss | 2 +-
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/+workloads-pods/pods.tsx b/src/renderer/components/+workloads-pods/pods.tsx
index 35569cc2b0..621077154e 100644
--- a/src/renderer/components/+workloads-pods/pods.tsx
+++ b/src/renderer/components/+workloads-pods/pods.tsx
@@ -171,21 +171,27 @@ class NonInjectedPods extends React.Component<Dependencies> {
       columnHelper.display({
         id: "warning",
         cell: props => <KubeObjectStatusIcon key="icon" object={props.row.original} />,
+        size: 30,
+        enableResizing: false,
       }),
       columnHelper.accessor(row => row.getNs(), {
         id: "namespace",
         header: "Namespace",
         cell: info => info.getValue(),
+        minSize: 110,
+        size: 110,
       }),
       columnHelper.accessor(row => this.renderContainersStatus(row), {
         id: "containers",
         header: "Containers",
         cell: info => info.getValue(),
+        minSize: 137,
       }),
       columnHelper.accessor(row => row.getRestartsCount(), {
         id: "restarts",
         header: "Restarts",
         cell: info => info.getValue(),
+        minSize: 105,
       }),
       columnHelper.accessor(row => this.renderControlledBy(row), {
         id: "controlledBy",
diff --git a/src/renderer/components/list/table-theme.module.scss b/src/renderer/components/list/table-theme.module.scss
index dcc2199569..29385c242c 100644
--- a/src/renderer/components/list/table-theme.module.scss
+++ b/src/renderer/components/list/table-theme.module.scss
@@ -1,11 +1,8 @@
 .tableTheme {
-  border: 1px solid lightgray;
   height: calc(100% - 59px);
   overflow: auto;
 
   table {
-    border-spacing: 0;
-    border-top: thin solid var(--hrColor);
     table-layout: fixed;
     width: 100%;
   }
diff --git a/src/renderer/components/table-list/table-list.tsx b/src/renderer/components/table-list/table-list.tsx
index 68fdd543a6..58d6644f45 100644
--- a/src/renderer/components/table-list/table-list.tsx
+++ b/src/renderer/components/table-list/table-list.tsx
@@ -47,6 +47,9 @@ export function TableList<Data>({
               }}
             />
           ),
+          enableResizing: false,
+          minSize: 21,
+          size: 21,
         })
       )
     }
@@ -56,6 +59,8 @@ export function TableList<Data>({
         columnHelper.display({
           id: "config",
           header: () => <ColumnConfigMenu table={table}/>,
+          size: 30,
+          enableResizing: false,
         })
       )
     }
@@ -74,6 +79,9 @@ export function TableList<Data>({
     getSortedRowModel: getSortedRowModel(),
     enableColumnResizing: true,
     columnResizeMode: 'onChange',
+    defaultColumn: {
+      size: 100,
+    }
   });
 
   return (
diff --git a/src/renderer/components/table/table-header.module.scss b/src/renderer/components/table/table-header.module.scss
index e9b318fed0..94980f64db 100644
--- a/src/renderer/components/table/table-header.module.scss
+++ b/src/renderer/components/table/table-header.module.scss
@@ -9,7 +9,7 @@
   top: 0;
   height: 100%;
   width: 5px;
-  background: rgba(0, 0, 0, 0.5);
+  background: #ccc;
   cursor: col-resize;
   user-select: none;
   touch-action: none;