[sunnights]

Adjust dropdown width settings for better display of long Git repository URLs:

• Set min-width to 280px and max-width to 500px for all modes
• Use CSS min() function: max-w-[min(500px,90vw)] to properly constrain width to smaller of 500px or 90vw on small screens
• Use w-auto for flexible width based on content
• Applied to desktop normal mode, desktop compact mode, and mobile

Summary by CodeRabbit

• Style
  • Enhanced responsive layout for repository selection components. Width constraints now dynamically adapt to screen size while maintaining appropriate minimum and maximum limits, ensuring optimal usability and visual consistency across all device sizes.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

PopoverContent width styling updated in two repository selector components to improve responsiveness. MobileRepositorySelector changed from fixed 280px width to auto width with min-width 280px and responsive max-width constraints. RepositorySelector received similar responsive width adjustments in both compact and normal modes using min-width and max-width limits.

Changes

Cohort / File(s)	Summary
PopoverContent Responsive Width Updates frontend/src/features/tasks/components/selector/MobileRepositorySelector.tsx	PopoverContent width className updated from fixed 280px to responsive w-auto min-w-[280px] max-w-[min(500px,90vw)] for improved flexible sizing across screen sizes
SearchableSelect Content Width Standardization frontend/src/features/tasks/components/selector/RepositorySelector.tsx	Compact mode: PopoverContent max-width constraint refined to max-w-[min(500px,90vw)]. Normal mode: SearchableSelect contentClassName unified to use consistent responsive constraints with w-auto min-w-[280px] max-w-[min(500px,90vw)]

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Possibly related PRs

• feat(admin): add public team and bot management #161: Adjusts RepositorySelector popover width and responsive sizing constraints similarly
• fix: mobile respository select #37: Modifies MobileRepositorySelector component structure and behavior
• fix: sanitize PyInstaller LD_LIBRARY_PATH for child processes #859: Restructures RepositorySelector's compact mode with Popover-based UI changes

Suggested reviewers

• feifei325
• Micro66
• qdaxb

Poem

🐰 Hop, hop, the widths align,
From viewport wide to narrow line,
Responsive dreams in Tailwind's way,
Popovers flex throughout the day! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: optimizing repository selector dropdown width for long URLs, which is the core purpose of adjusting width constraints across multiple components.
Docstring Coverage	✅ Passed	Docstring coverage is 100.00% which is sufficient. The required threshold is 80.00%.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}