fix(ui): make auto approve toggle trigger stay #7318
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
dosubot
bot
added
size:M
![roomote[bot]](https://avatars.githubusercontent.com/in/1546624?s=60&v=4){kind=small}
hannesrudolph
added
the
Issue/PR - Triage
daniel-lxs
approved these changes
Aug 23, 2025
Member
daniel-lxs
left a comment
daniel-lxs
left a comment
There was a problem hiding this comment.
Thank you @elianiva this looks a lot better!
- Replace inline styles with Tailwind CSS classes for better maintainability - Add smooth 200ms transition when expanding/collapsing - Chevron rotates from right (→) to up (↑) matching the content position above - Consistent with other components like ApiConfigSelector
cte
approved these changes
Aug 23, 2025
github-project-automation
bot
moved this from PR [Needs Review]
to Done
in Roo Code Roadmap
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Related GitHub Issue
Closes: #3909
Roo Code Task Context (Optional)
Description
Changed the auto approve menu toggle to stay at the bottom, this provides better UX since the trigger stays. It's also consistent with the behaviour of the top bar where the trigger stays at the top. It reduces mouse movements needed.
Test Procedure
Manual testing
Pre-Submission Checklist
Screenshots / Videos
Screen.Recording.2025-08-22.at.20.15.20.mov
Documentation Updates
Additional Notes
Get in Touch
@elianiva
Important
Fixes
AutoApproveMenuto keep the toggle at the bottom when expanded, improving UX by reducing mouse movement.AutoApproveMenu, whenisExpandedis true, the toggle section is now rendered at the bottom of the component.AutoApproveMenu.tsx.codicon-chevron-upwhen expanded.This description was created by
for 156cbe7. You can customize this summary. It will automatically update as commits are pushed.