Skip to content

Enhance stack layout and spacing in CSS - #9031

Merged
Lee Murray (mrleemurray) merged 1 commit into
mainfrom
mrleemurray/grumpy-black-finch
Oct 7, 2026
Merged

Lee Murray (mrleemurray) merged 1 commit into
mainfrom
mrleemurray/grumpy-black-finch

Conversation

@mrleemurray

@mrleemurray Lee Murray (mrleemurray) commented Oct 7, 2026 •

Copy link
Copy Markdown
Contributor

This pull request updates the styling of the stack trace UI in index.css to improve layout, spacing, and visual clarity. The changes focus on better alignment, spacing, and highlighting of the current stack entry.

Stack entry layout and spacing improvements:

  • Updated .stack-heading-text and .stack-entry-details to use flex column layout with a gap for better vertical spacing and alignment. [1] [2]
  • Adjusted .stack-entries and .stack-entry padding for more consistent and visually appealing spacing. [1] [2]

Visual enhancements for current stack entry:

  • Replaced the box shadow highlight on .stack-entry.current with a new colored bar using a pseudo-element for clearer focus indication.

Connector line adjustments:

  • Tweaked the vertical positioning, length, and opacity of the connector line in .stack-entry::before for improved appearance.

Copilot AI balanced review requested due to automatic review settings October 7, 2026 14:18
@mrleemurray
Lee Murray (mrleemurray) enabled auto-merge (squash) October 7, 2026 14:18

Copilot AI 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.

Copilot review overview

🟢 Approval recommended

The focused CSS changes are consistent with the existing markup and introduce no evident regressions.

Review effort: Balanced
Findings: None

What changed in this PR

Improves the pull request stack UI’s spacing, alignment, and current-entry highlighting.

Changes:

  • Adds flex-column spacing to stack headings and entry details.
  • Refines entry padding and connector lines.
  • Replaces the current-entry inset shadow with an accent bar.
File Description
webviews/​editorWebview/​index.css Updates stack layout, spacing, connectors, and highlighting.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@alexr00
Alex Ross (alexr00) self-requested a review October 7, 2026 14:25
@mrleemurray
Lee Murray (mrleemurray) merged commit edd0ad5 into main Oct 7, 2026
7 checks passed
@mrleemurray
Lee Murray (mrleemurray) deleted the mrleemurray/grumpy-black-finch branch October 7, 2026 14:30
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.

3 participants