Adding line numbers to Highlight.js makes it trigger scrolling area

[obilodeau]

Even though it would fit in the slide.

With line numbers:

Without line numbers:

It's caused by the use of tables in the "ugly" version. I'm going to try to tweak things until it looks like the pretty version.

Source:

= Highlight.js Linenums issue
:source-highlighter: highlight.js
:highlightjs-languages: x86asm
:icons: font
:customcss: col2.css
:revealjs_center: false
:revealjs_height: 1080
:revealjs_width: 1920

== ASM from Compiler (Pretty)

[source.col2,x86asm]
----
main        proc near
var_10      = dword ptr -10h
            push ebp                      <1>
            mov ebp, esp
            and esp, 0FFFFFFF0h
            sub esp, 10h
            mov eax, offset aHelloWorld   <2>
            mov [esp+10h+var_10], eax
            call _printf
            mov eax, 0                    <3>
            leave                         <4>
            retn
main        endp
----
[.col2]
--
<1> Function prologue
<2> Preparing arguments and calling `printf`
<3> Clean-up registers
<4> Function epilogue
--

== ASM from Compiler (Ugly)

[source.col2,x86asm,highlight="3..6|7..9|10|11,12"]
----
main        proc near
var_10      = dword ptr -10h
            push ebp                      <1>
            mov ebp, esp
            and esp, 0FFFFFFF0h
            sub esp, 10h
            mov eax, offset aHelloWorld   <2>
            mov [esp+10h+var_10], eax
            call _printf
            mov eax, 0                    <3>
            leave                         <4>
            retn
main        endp
----
[.col2]
--
<1> Function prologue
<2> Preparing arguments and calling `printf`
<3> Clean-up registers
<4> Function epilogue
--

col2.css:

.col2 {
  width:48% !important;
  margin: 0 1% !important;
  float:left;
}
.reveal .col2 ol, .reveal .col2  dl, .reveal .col2  ul {
    display:table;
}

[obilodeau]

Tentative fix in #334