Skip to content

Reduce composer idle min-height to reclaim vertical space#2369

Open
NatnaelTaddese wants to merge 1 commit intopingdotgg:mainfrom
NatnaelTaddese:t3code/composer-prompt-editor-decrease-idle-height
Open

Reduce composer idle min-height to reclaim vertical space#2369
NatnaelTaddese wants to merge 1 commit intopingdotgg:mainfrom
NatnaelTaddese:t3code/composer-prompt-editor-decrease-idle-height

Conversation

@NatnaelTaddese
Copy link
Copy Markdown

@NatnaelTaddese NatnaelTaddese commented Apr 27, 2026

What Changed

Changed min-h-17.5min-h-6 on the ContentEditable in ComposerPromptEditor.tsx, reducing the idle minimum height from ~70px to ~24px.

Why

When idle (especially while an agent is working), the empty composer takes up excessive vertical height. Reducing the min-height reclaims that space for the conversation/event view without affecting the expand-on-content behavior (max-height remains at 200px).

UI Changes

Before:
image

After:
image

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Low Risk
Low risk UI-only change that adjusts the composer’s default height; main risk is minor layout/UX regressions in the editor’s empty/disabled states.

Overview
Reduces the ComposerPromptEditor ContentEditable minimum height (min-h-17.5min-h-6) to reclaim vertical space when the composer is empty/idle, while keeping the existing max-h-[200px] growth behavior.

Reviewed by Cursor Bugbot for commit d45ada4. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Reduce composer idle min-height to reclaim vertical space

Reduces the ContentEditable minimum height in ComposerPromptEditor from min-h-17.5 to min-h-6, so the composer renders shorter when empty or sparsely populated.

Macroscope summarized d45ada4.

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 27, 2026

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 1b811588-2a4e-4d87-b31f-c5a044dd2fcb

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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

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

@github-actions github-actions Bot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Apr 27, 2026
@macroscopeapp
Copy link
Copy Markdown
Contributor

macroscopeapp Bot commented Apr 27, 2026

Approvability

Verdict: Approved

A single Tailwind class change reducing the composer's minimum height from ~70px to ~24px. Purely visual adjustment with no runtime behavior impact.

You can customize Macroscope's approvability policy. Learn more.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS 0-9 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant