From ecad6353fcd467b5f74f40fda0a819cb8b505f82 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Wed, 5 Jun 2024 16:58:40 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(App.css):=20add=20CSS=20rules=20to?=
 =?UTF-8?q?=20remove=20border=20for=20cells=20with=20'no-border'=20class?=
 =?UTF-8?q?=20=E2=9C=A8=20(editNodeModal):=20add=20'no-border'=20class=20t?=
 =?UTF-8?q?o=20specific=20table=20columns=20to=20remove=20borders?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/App.css                        | 10 ++++++++++
 src/frontend/src/modals/editNodeModal/index.tsx |  5 ++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/App.css b/src/frontend/src/App.css
index a4ff01961..809959757 100644
--- a/src/frontend/src/App.css
+++ b/src/frontend/src/App.css
@@ -164,3 +164,13 @@ body {
 .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb:hover {
   background-color: #bbb;
 }
+
+/* This CSS is to not apply the border for the column having 'no-border' class */
+.no-border.ag-cell:focus {
+  border: none !important;
+  outline: none;
+}
+.no-border.ag-cell {
+  border: none !important;
+  outline: none;
+}
diff --git a/src/frontend/src/modals/editNodeModal/index.tsx b/src/frontend/src/modals/editNodeModal/index.tsx
index 417b5bbb9..4de784ed8 100644
--- a/src/frontend/src/modals/editNodeModal/index.tsx
+++ b/src/frontend/src/modals/editNodeModal/index.tsx
@@ -92,6 +92,7 @@ const EditNodeModal = forwardRef(
         cellRenderer: TableAutoCellRender,
         flex: 1,
         resizable: false,
+        cellClass: "no-border",
       },
       {
         headerName: "Description",
@@ -102,6 +103,7 @@ const EditNodeModal = forwardRef(
         autoHeight: true,
         flex: 2,
         resizable: false,
+        cellClass: "no-border",
       },
       {
         headerName: "Value",
@@ -120,6 +122,7 @@ const EditNodeModal = forwardRef(
         minWidth: 330,
         flex: 1,
         resizable: false,
+        cellClass: "no-border",
       },
       {
         headerName: "Show",
@@ -140,10 +143,10 @@ const EditNodeModal = forwardRef(
             </>
           );
         },
-
         editable: false,
         maxWidth: 80,
         resizable: false,
+        cellClass: "no-border",
       },
     ];