jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

✨ (App.css): add CSS rules to remove border for cells with 'no-border' class

Browse source 
✨ (editNodeModal): add 'no-border' class to specific table columns to remove borders
This commit is contained in:
cristhianzl 2024-06-05 16:58:40 -03:00
commit ecad6353fc
2 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/frontend/src/App.css
View file

@ -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;
}

5
src/frontend/src/modals/editNodeModal/index.tsx
View file

@ -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",
},
];