Incorrect usage of `<div>` inside `<code>`

Fixes #3720

diff --git a/com.woltlab.wcf/templates/codeMetaCode.tpl b/com.woltlab.wcf/templates/codeMetaCode.tpl
index 67e183bcaac25186ee0ca186dedf3ce4ea828503..35c0c8c4b1024148651ed0c8c7afd6c17efa073c 100644 (file)
--- a/com.woltlab.wcf/templates/codeMetaCode.tpl
+++ b/com.woltlab.wcf/templates/codeMetaCode.tpl
@@ -10,7 +10,7 @@
        {assign var='lineNumber' value=$startLineNumber}
        <pre class="codeBoxCode collapsibleBbcodeOverflow"><code{if $language} class="language-{$language}"{/if}>{foreach from=$content item=line}{*
                *}{assign var='codeLineID' value='codeLine_'|concat:$lineNumber:'_':$codeID}{*
-               *}<div class="codeBoxLine" id="{$codeLineID}"><a href="{@$__wcf->getAnchor($codeLineID)}" class="lineAnchor" title="{@$lineNumber}"></a><span>{$line}</span></div>{*
+               *}<span class="codeBoxLine" id="{$codeLineID}"><a href="{@$__wcf->getAnchor($codeLineID)}" class="lineAnchor" title="{@$lineNumber}"></a><span>{$line}</span></span>{*
                *}{assign var='lineNumber' value=$lineNumber+1}{*
        *}{/foreach}</code></pre>
        

diff --git a/wcfsetup/install/files/acp/templates/codeMetaCode.tpl b/wcfsetup/install/files/acp/templates/codeMetaCode.tpl
index 67e183bcaac25186ee0ca186dedf3ce4ea828503..35c0c8c4b1024148651ed0c8c7afd6c17efa073c 100644 (file)
--- a/wcfsetup/install/files/acp/templates/codeMetaCode.tpl
+++ b/wcfsetup/install/files/acp/templates/codeMetaCode.tpl
@@ -10,7 +10,7 @@
        {assign var='lineNumber' value=$startLineNumber}
        <pre class="codeBoxCode collapsibleBbcodeOverflow"><code{if $language} class="language-{$language}"{/if}>{foreach from=$content item=line}{*
                *}{assign var='codeLineID' value='codeLine_'|concat:$lineNumber:'_':$codeID}{*
-               *}<div class="codeBoxLine" id="{$codeLineID}"><a href="{@$__wcf->getAnchor($codeLineID)}" class="lineAnchor" title="{@$lineNumber}"></a><span>{$line}</span></div>{*
+               *}<span class="codeBoxLine" id="{$codeLineID}"><a href="{@$__wcf->getAnchor($codeLineID)}" class="lineAnchor" title="{@$lineNumber}"></a><span>{$line}</span></span>{*
                *}{assign var='lineNumber' value=$lineNumber+1}{*
        *}{/foreach}</code></pre>
        

diff --git a/wcfsetup/install/files/style/bbcode/code.scss b/wcfsetup/install/files/style/bbcode/code.scss
index a070d94d2f0e35e7ceb48b33020d8c1e7286908c..008a89391781ffdb8d75932b67fc78b71a88e59c 100644 (file)
--- a/wcfsetup/install/files/style/bbcode/code.scss
+++ b/wcfsetup/install/files/style/bbcode/code.scss
@@ -110,6 +110,8 @@
                        font-family: Consolas, 'Courier New', monospace;
                        
                        .codeBoxLine {
+                               display: block;
+                               
                                > a {
                                        margin-left: -7ch;
                                        overflow: hidden;