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

💄 (tableAutoCellRender): add truncate class to div for text overflow handling

Browse source 
💄 (classes.css): change .ag-cell alignment to align-content center for better layout
This commit is contained in:
cristhianzl 2024-06-06 14:28:00 -03:00
commit 86eea0a844
2 changed files with 3 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
View file

@ -34,7 +34,7 @@ export default function TableAutoCellRender({
variant="outline" variant="outline"
size="sq" size="sq"
className={cn( className={cn(
"min-w-min bg-success-background text-success-foreground hover:bg-success-background" "min-w-min bg-success-background text-success-foreground hover:bg-success-background",
)} )}
> >
{value} {value}
@ -51,7 +51,7 @@ export default function TableAutoCellRender({
} }
return ( return (
<div className="group flex h-full w-full items-center align-middle"> <div className="group flex h-full w-full items-center truncate align-middle">
{getCellType()} {getCellType()}
</div> </div>
); );

3
src/frontend/src/style/classes.css
View file

@ -102,8 +102,7 @@ select:-webkit-autofill:focus {
} }
.ag-row .ag-cell { .ag-row .ag-cell {
display: flex; align-content: center !important;
align-items: center;
} }
.ag-cell { .ag-cell {
line-height: 1.25rem; line-height: 1.25rem;