Skip to content

Align tab headers with document styling#63

Merged
beNative merged 1 commit intomainfrom
codex/style-application-tab-titles-consistently
Oct 4, 2025
Merged

Align tab headers with document styling#63
beNative merged 1 commit intomainfrom
codex/style-application-tab-titles-consistently

Conversation

@beNative
Copy link
Copy Markdown
Owner

@beNative beNative commented Oct 4, 2025

Summary

  • match the Info, Logs, and Settings tab headers with the Documents panel typography
  • reduce the Settings header height to mirror the info panel while keeping save/error controls inline
  • give the logger header the same background treatment as the other tab headers for consistency

Testing

  • npm run build

https://chatgpt.com/codex/tasks/task_e_68e1462ace788332a99fadbf44d16dc0

@beNative beNative merged commit 53f1fc6 into main Oct 4, 2025
Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

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

💡 Codex Review

Here are some automated review suggestions for this pull request.

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting

Comment on lines +122 to 125
<header className="flex items-center justify-between px-2 h-7 border-b border-border-color bg-secondary flex-shrink-0 gap-2">
<h3 className="text-xs font-semibold text-text-secondary tracking-wider uppercase">Application Logs</h3>
<div className="flex items-center gap-1.5 flex-wrap justify-end">
<div className="flex items-center gap-1">
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

P1 Badge Allow logger header to grow when controls wrap

The new logger header uses a fixed height (h-7) while the control group on the right still allows wrapping (flex-wrap). On narrow viewports or when the Level buttons plus search input don’t fit in a single row, the second row is clipped behind the log content because the header can’t expand beyond 28 px. Previously the header height was driven by its content (py-1.5), so wrapped controls remained usable. Consider switching to min-h-7 or removing the hard height so wrapped controls remain visible.

Useful? React with 👍 / 👎.

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant