Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Add the ability to have code blocks scroll horizontally instead of wrap #265

Merged
merged 4 commits into from
Mar 6, 2025

Conversation

JakeSCahill
Copy link
Contributor

@JakeSCahill JakeSCahill commented Mar 6, 2025

Use the following syntax:

[source,yaml,role=no-wrap]
----
This is a code block that I want to scroll.
----

Test case: https://deploy-preview-265--docs-ui.netlify.app/#some-code:~:text=This%20code%20won%E2%80%99t%20wrap.%20It%E2%80%99ll%20scroll.

Use the following syntax: [source,yaml,role=no-wrap]
Copy link

netlify bot commented Mar 6, 2025

Deploy Preview for docs-ui ready!

Name Link
🔨 Latest commit ae5326e
🔍 Latest deploy log https://app.netlify.com/sites/docs-ui/deploys/67c9d5ea7da28800087f506c
😎 Deploy Preview https://deploy-preview-265--docs-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

JakeSCahill added a commit to redpanda-data/docs-site that referenced this pull request Mar 6, 2025
@JakeSCahill JakeSCahill requested a review from kbatuigas March 6, 2025 14:33
@kbatuigas
Copy link
Contributor

Very nice! Do we have a way to display a scrollbar? I can't remember if we do that for scrolling vertically and I can't find a quick example unfortunately.

Copy link
Contributor

@kbatuigas kbatuigas left a comment

Choose a reason for hiding this comment

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

No blockers but left a comment #265 (comment)

JakeSCahill added a commit to redpanda-data/docs-site that referenced this pull request Mar 6, 2025
* Update STYLE-GUIDE.adoc

* Add docs for the new no-wrap option

See redpanda-data/docs-ui#265
@JakeSCahill JakeSCahill merged commit 6292bf6 into main Mar 6, 2025
6 checks passed
@JakeSCahill JakeSCahill deleted the DOC-1089 branch March 6, 2025 17:07
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants