root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(FN-1295): prevent mobile search bar from overlapping logo

Browse Source 
- Replace fixed width constraints with flexible left/right positioning using CSS variables
- Remove hardcoded width/min-width/max-width that caused overflow on narrow screens
- Set left edge to var(--space-md) and right edge to 120px to avoid logo collision
This commit is contained in:
gsxdsm
2026-04-08 21:52:53 -07:00
parent b834233ba2
commit e8c69cf6b6
1 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/dashboard/app/styles.css
View File

@@ -5827,13 +5827,10 @@ body {
.mobile-search-expanded { .mobile-search-expanded {
position: absolute; position: absolute;
right: 0; right: 120px;
left: auto; left: var(--space-md);
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
width: 200px;
max-width: calc(100vw - 140px - var(--space-md) * 2);
min-width: 120px;
z-index: 10; z-index: 10;
background: var(--surface); background: var(--surface);
box-shadow: var(--shadow-md); box-shadow: var(--shadow-md);