bkinnightskytw
/
agent-orchestrator
mirror of https://github.com/ComposioHQ/agent-orchestrator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(web): prevent brand and project name from wrapping in narrow topbar 

- Add white-space: nowrap + flex-shrink: 0 to .dashboard-app-header__brand
  so "Agent Orchestrator" stays on one line and is never squeezed by
  the spacer flex item
- Add white-space: nowrap + overflow: hidden + text-overflow: ellipsis
  to .dashboard-app-header__project so project names truncate instead
  of wrapping to a second line and pushing the pills group taller

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Aditi Chauhan 2026-05-24 12:14:01 +05:30
parent 1ca6901d39
commit 58be8e91bf
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/web/src/app/globals.css
View File

@ -1177,6 +1177,8 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
font-weight: 500; font-weight: 500;
letter-spacing: -0.01em; letter-spacing: -0.01em;
color: var(--color-text-primary); color: var(--color-text-primary);
white-space: nowrap;
flex-shrink: 0;
} }
.dashboard-app-header__brand-dot { .dashboard-app-header__brand-dot {
@ -1199,6 +1201,10 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: var(--color-text-secondary); color: var(--color-text-secondary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
} }
.dashboard-app-header__spacer { .dashboard-app-header__spacer {