Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

Code block size inconsistent for long lines with horizontal scrolling #403

Open
jxu opened this issue Jul 14, 2020 · 4 comments
Open

Code block size inconsistent for long lines with horizontal scrolling #403

jxu opened this issue Jul 14, 2020 · 4 comments

Comments

@jxu
Copy link

jxu commented Jul 14, 2020

My investigation of wild-flame/jekyll-simple#13 leads me to suspect Skeleton CSS

Screenshot from 2020-07-13 20-20-05_crop

You can see this on getskeleton.com itself:

Screenshot from 2020-07-13 20-29-38

Tested on Chromium 83 and Firefox 78

@jxu
Copy link
Author

jxu commented Jul 14, 2020

workaround: white-space: pre-wrap

@jxu
Copy link
Author

jxu commented Jul 14, 2020

Fixed for too wide with display: inline-block, but also shrinks for not too wide code blocks

@dday9
Copy link

dday9 commented Dec 4, 2020

I use the following workaround:

pre > code {
  overflow-x: scroll;
}

@jxu
Copy link
Author

jxu commented Dec 4, 2020

If it works I would tell you to make a PR but looks like the author of this repo isn't maintaining it.

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

No branches or pull requests

2 participants