Skip to content

fix(html-preview-link): fix button border radius in button group - #9956

Open
Sebastien-Ahkrin wants to merge 1 commit into
refined-github:mainfrom
Sebastien-Ahkrin:main
Open

fix(html-preview-link): fix button border radius in button group#9956
Sebastien-Ahkrin wants to merge 1 commit into
refined-github:mainfrom
Sebastien-Ahkrin:main

Conversation

@Sebastien-Ahkrin

@Sebastien-Ahkrin Sebastien-Ahkrin commented Aug 8, 2026

Copy link
Copy Markdown

Closes: #9953

@fregante created an issue because the Preview button was not visually grouped with Raw button.
This bug was on Safari, Chrome and Firefox (Tested and fixed on all three)

What I did

The wrapper <div> around the Preview link was missing the ButtonGroup item class that GitHub uses to merge adjacent buttons' border radius.

The fix copies the className from the existing Raw button's wrapper div onto the new Preview wrapper, so it picks up the same style and merges visually with the button group.

Test URLs

Screenshot

Old version :
image

Now :
CleanShot 2026-08-08 at 20 41 32

@github-actions github-actions Bot added the bug label Aug 8, 2026
@github-actions github-actions Bot changed the title fix(html-preview-link): fix button border radius in button group fix(html-preview-link): fix button border radius in button group Aug 8, 2026
@Sebastien-Ahkrin
Sebastien-Ahkrin marked this pull request as ready for review August 8, 2026 18:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Development

Successfully merging this pull request may close these issues.

html-preview-link button looks off

1 participant