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"
size="sq"
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}
@ -51,7 +51,7 @@ export default function TableAutoCellRender({
}
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()}
</div>
);

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

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