Skip to content

Fix Quick Start diff description and restore +/- markers (#2090) - #2231

Open
olenderhub wants to merge 1 commit into
ember-learn:masterfrom
olenderhub:fix/2090-quick-start-diff-description
Open

Fix Quick Start diff description and restore +/- markers (#2090)#2231
olenderhub wants to merge 1 commit into
ember-learn:masterfrom
olenderhub:fix/2090-quick-start-diff-description

Conversation

@olenderhub

Copy link
Copy Markdown

Fixes #2090

After the Shiki migration, code diffs were highlighted with color only. The Quick Start guide still said added/removed lines would show + / -, but those markers were gone because the old Prism CSS no longer matched Shiki’s classes.

This PR restores + / - next to line numbers on all Shiki diff blocks (using the existing Shiki add/remove colors), keeps a fixed-width gutter so indentation stays aligned, and updates the Quick Start wording to match.

Text change (Quick Start only):
https://guides.emberjs.com/release/getting-started/quick-start/

Visual +/- markers (every page with diffs, including Quick Start), e.g.:

The same CSS also applies under other guide versions that use Shiki diffs (e.g. /v7.0.0/...), since it ships in shared /assets/.

After the Shiki migration, diffs were color-only while the guide still
described plus/minus signs. Restore visible +/- next to line numbers
(using the existing Shiki add/remove colors) and align the Quick Start
copy with that behavior. Keep a fixed-width gutter in diff blocks so
code indentation stays aligned across added, removed, and unchanged lines.
@netlify

netlify Bot commented Jul 27, 2026

Copy link
Copy Markdown

Deploy Preview for ember-guides ready!

Name Link
🔨 Latest commit b616063
🔍 Latest deploy log https://app.netlify.com/projects/ember-guides/deploys/6a678a0c2e27b20008af413c
😎 Deploy Preview https://deploy-preview-2231--ember-guides.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@kategengler

Copy link
Copy Markdown
Contributor

Thanks for doing this! The styling here doesn't look right when the line numbers increase in digits:

CleanShot 2026-07-27 at 13 32 26@2x

@kategengler
kategengler requested a review from IgnaceMaes July 27, 2026 17:35
@olenderhub

Copy link
Copy Markdown
Author

@kategengler thank you for reply

I think better proposition about is #2090 (comment)

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.

Description of diff style is incorrect in Quick Start

2 participants