Skeleton icon indicating copy to clipboard operation
Skeleton copied to clipboard

Code block size inconsistent for long lines with horizontal scrolling

Open jxu opened this issue 5 years ago • 4 comments

My investigation of https://github.com/wild-flame/jekyll-simple/issues/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 avatar Jul 14 '20 00:07 jxu

workaround: white-space: pre-wrap

jxu avatar Jul 14 '20 00:07 jxu

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

jxu avatar Jul 14 '20 01:07 jxu

I use the following workaround:

pre > code {
  overflow-x: scroll;
}

dday9 avatar Dec 04 '20 05:12 dday9

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

jxu avatar Dec 04 '20 21:12 jxu