Brijesh619 opened a new pull request, #639:
URL: https://github.com/apache/atlas/pull/639

   Resolved layout and spacing alignment issues in the header section by making 
the QuickSearch search bar responsive. The search bar now shrinks dynamically 
down to 150px on smaller screen widths, and the header icons are prevented from 
shrinking or breaking layout.
   
   **Key Changes**
   **QuickSearch.tsx:**
   Added minWidth: 0 and flexShrink: 1 to the search stack wrapper.
   Adjusted autocomplete styling to set minWidth: 150 (down from 280) and 
updated flex basis to 1 1 280px for smooth scaling.
   **Header.tsx:**
   Set minWidth: 0 and added padding (padding: "0 16px") around the search bar 
container to prevent overflow.
   Added flexShrink: 0 to the header menu/action buttons container so they 
remain visible and un-truncated on smaller viewport widths.


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]

Reply via email to