Skip to content

Studio: keep code block scrollbars off one-line code - #6474

Merged
wasimysaid merged 1 commit into
unslothai:mainfrom
wasimysaid:codeblock-ui-fix
Jun 22, 2026
Merged

wasimysaid merged 1 commit into
unslothai:mainfrom
wasimysaid:codeblock-ui-fix

Conversation

@wasimysaid

Copy link
Copy Markdown
Collaborator

Summary

  • Add bottom clearance to chat code block bodies so horizontal scrollbars do not cover one-line commands.
  • Keep the change scoped to Streamdown code blocks in the Studio chat thread.

Fixes #6469

Testing

  • npm run typecheck
  • npm run build

@gemini-code-assist gemini-code-assist Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request adds a CSS rule targeting .aui-thread-root [data-streamdown="code-block-body"] to add padding-bottom to keep overlay scrollbars below one-line code. The reviewer suggests targeting [data-streamdown="code-block"] under .aui-thread-root instead, with a padding-bottom of 1.375rem to ensure the padding is applied correctly.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

Comment on lines +1647 to +1650
.aui-thread-root [data-streamdown="code-block-body"] {
/* Keep overlay scrollbars below one-line code. */
padding-bottom: 0.625rem !important;
}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

Instead of overriding the flattened [data-streamdown="code-block"] selector globally, target it under .aui-thread-root to ensure the padding-bottom is applied correctly for keeping overlay scrollbars below one-line code.

	.aui-thread-root [data-streamdown="code-block"] {
		/* Keep overlay scrollbars below one-line code. */
		padding-bottom: 1.375rem;
	}

@wasimysaid
wasimysaid merged commit 08e84b7 into unslothai:main Jun 22, 2026
28 of 29 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] Output code block is hard to read

1 participant