Skip to content

Comments

Smol hunk separator improvement to make parts of it easier to customize#329

Merged
amadeus merged 1 commit intomainfrom
amadeus/hunk-separator-customization-improvements
Feb 11, 2026
Merged

Smol hunk separator improvement to make parts of it easier to customize#329
amadeus merged 1 commit intomainfrom
amadeus/hunk-separator-customization-improvements

Conversation

@amadeus
Copy link
Member

@amadeus amadeus commented Feb 11, 2026

Sorta had the epiphany today when debugging opencode -- we should make it easier for devs to customize the height of hunk separators without requiring a ton of nested CSS. So basically i tweaked the layout stuff so if you just specify a new height for the [data-separator] element, all the rest of the CSS should adapt to it.

@vercel
Copy link

vercel bot commented Feb 11, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
pierrejs-diff-demo Ready Ready Preview Feb 11, 2026 10:41am
pierrejs-docs Ready Ready Preview Feb 11, 2026 10:41am

Request Review

@amadeus amadeus requested a review from Copilot February 11, 2026 10:41
@amadeus amadeus merged commit dacd14d into main Feb 11, 2026
13 checks passed
@amadeus amadeus deleted the amadeus/hunk-separator-customization-improvements branch February 11, 2026 10:43
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR adjusts the hunk separator layout CSS so that internal elements size themselves relative to the separator’s own height, making separator height customization simpler and avoiding the need to update multiple nested rules.

Changes:

  • Switched several separator sub-elements from fixed 32px heights to height: 100% so they inherit the outer separator height.
  • Updated expand button sizing to stretch with the separator instead of relying on fixed heights.
  • Changed the multi-button grid rows from 16px 16px to proportional 50% 50% to scale with separator height.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

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.

1 participant