feat(FN-687): relocate ProjectSelector to header-left group

- Move ProjectSelector from standalone header section into header-left div next to logo/title
- Change dropdown positioning from right-aligned to left-aligned with higher z-index
- Update CSS to use inline-flex and relative positioning for proper containment
- Adjust mobile styles for narrower max-width within header-left
- Add test verifying ProjectSelector renders inside header-left container
This commit is contained in:
gsxdsm
2026-04-01 09:26:44 -07:00
parent faaef56ce3
commit 983ae5daa9
3 changed files with 41 additions and 21 deletions

View File

@@ -131,11 +131,11 @@ body {
position: relative;
}
/* Project selector in header */
/* Project selector in header (inside header-left) */
.header-project-selector {
display: flex;
display: inline-flex;
align-items: center;
margin: 0 var(--space-md);
position: relative;
flex-shrink: 1;
min-width: 0;
}
@@ -1522,8 +1522,8 @@ body {
.project-selector__dropdown {
position: absolute;
top: calc(100% + 8px);
right: 0;
z-index: 50;
left: 0;
z-index: 100;
min-width: 320px;
max-width: min(420px, 90vw);
max-height: min(70vh, 520px);
@@ -4175,8 +4175,7 @@ body {
/* Project selector mobile adjustments */
.header-project-selector {
margin: 0 8px;
max-width: 140px;
max-width: 120px;
flex-shrink: 1;
}