Board Thread:Support Requests - Getting Technical/@comment-9605025-20190316015110

I have been working on this CSS in an attempt to improve the display of the code box from the Syntaxhighlight extension when various options are used. For example, when highlighting is used and a line(s) exceeds the width of the box, it will no longer scroll each line separately but the entire box. I more or less have it the way I want except that I had to change "list-style-position" to "inside" to do so. This has caused all of the content to be pushed onto lines below the numbers instead of being inline with the numbers. You can see a test case on this page.

It seems that reverting the value back to "outside" is the only thing that will fix this problem; but doing that essentially hides the numbers. The reason why the numbers aren't hidden with the default CSS is that there is a non-zero margin which happens to be wide enough to fit the most common numbers. However, if you try to use really large numbers, you will notice that they get cut-off.

I used the DPL section below the syntaxhighlight box to test some things with "list-style-position". I get the same behavior there when I have large numbers and restrict the width too much. However, for the syntaxhighlighting, this happens regardless of the length of the numbers and regardless of the width of the box.

Any ideas? 