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

fix: changed truncation style for big folder and flow names on header (#5106)

Browse source 
Fix truncation and add width relation between name and folder name
This commit is contained in:
Lucas Oliveira 2024-12-10 13:23:43 -03:00 • committed by GitHub
commit db33b15ade
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/components/core/appHeaderComponent/components/FlowMenu/index.tsx
View file

@ -115,7 +115,7 @@ export const MenuBar = ({}: {}): JSX.Element => {
return currentFlow && onFlowPage ? (
<div className="flex items-center justify-center gap-2 truncate">
<div className="header-menu-bar hidden justify-end truncate md:flex">
<div className="header-menu-bar hidden w-20 max-w-fit grow justify-end truncate md:flex">
{currentFolder?.name && (
<div className="hidden truncate md:flex">
<div
@ -137,7 +137,7 @@ export const MenuBar = ({}: {}): JSX.Element => {
/
</div>
<div className="w-fit overflow-hidden truncate text-sm sm:whitespace-normal lg:flex-shrink-0">
<div className="overflow-hidden truncate text-sm sm:whitespace-normal">
<DropdownMenu>
<DropdownMenuTrigger asChild>
<div className="header-menu-bar-display-2 group truncate">