Make ol.linenums use display:inline-block

tvolkert · tvolkert · commit 05fc089c2add · 2019-03-22T14:39:41.000-07:00
Without this, the ol.linenums section won't expand to
fill its &lt;pre&gt; parent if we set the parent to overflow:scroll.
This change fixes that bug.
diff --git a/styles/desert.css b/styles/desert.css
@@ -14,7 +14,7 @@ pre .atv { color: #ffa0a0 } /* attribute value - pink */
 pre .dec { color: #98fb98 } /* decimal         - lightgreen */
 
 /* Specify class=linenums on a pre to get line numbering */
-ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
+ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; display: inline-block; } /* IE indents via margin-left */
 li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
 /* Alternate shading for lines */
 li.L1,li.L3,li.L5,li.L7,li.L9 { }
diff --git a/styles/doxy.css b/styles/doxy.css
@@ -41,7 +41,7 @@ pre.prettyprint a, code.prettyprint a {
    text-decoration:none;
 }
 /* Specify class=linenums on a pre to get line numbering; line numbers themselves are the same color as punctuation */
-ol.linenums { margin-top: 0; margin-bottom: 0; color: #8B8970; } /* IE indents via margin-left */
+ol.linenums { margin-top: 0; margin-bottom: 0; color: #8B8970; display: inline-block; } /* IE indents via margin-left */
 li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
 /* Alternate shading for lines */
 li.L1,li.L3,li.L5,li.L7,li.L9 { }
diff --git a/styles/sons-of-obsidian.css b/styles/sons-of-obsidian.css
@@ -57,6 +57,7 @@ ol.linenums
 {
     margin-top: 0;
     margin-bottom: 0;
+    display: inline-block;
 }
 .prettyprint {
     background: #000;
diff --git a/styles/sunburst.css b/styles/sunburst.css
@@ -27,7 +27,7 @@ pre.prettyprint {
 
 
 /* Specify class=linenums on a pre to get line numbering */
-ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */
+ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; display: inline-block; } /* IE indents via margin-left */
 li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
 /* Alternate shading for lines */
 li.L1,li.L3,li.L5,li.L7,li.L9 { }

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ pre.prettyprint a, code.prettyprint a {`
`41`	`41`	`text-decoration:none;`
`42`	`42`	`}`
`43`	`43`	`/* Specify class=linenums on a pre to get line numbering; line numbers themselves are the same color as punctuation */`
`44`		`-ol.linenums { margin-top: 0; margin-bottom: 0; color: #8B8970; } /* IE indents via margin-left */`
	`44`	`+ol.linenums { margin-top: 0; margin-bottom: 0; color: #8B8970; display: inline-block; } /* IE indents via margin-left */`
`45`	`45`	`li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }`
`46`	`46`	`/* Alternate shading for lines */`
`47`	`47`	`li.L1,li.L3,li.L5,li.L7,li.L9 { }`
Original file line number	Diff line number	Diff line change
`@@ -57,6 +57,7 @@ ol.linenums`
`57`	`57`	`{`
`58`	`58`	`margin-top: 0;`
`59`	`59`	`margin-bottom: 0;`
	`60`	`+ display: inline-block;`
`60`	`61`	`}`
`61`	`62`	`.prettyprint {`
`62`	`63`	`background: #000;`