Fixed invalid html in spoiler tags

diff --git a/com.woltlab.wcf/templates/spoilerBBCodeTag.tpl b/com.woltlab.wcf/templates/spoilerBBCodeTag.tpl
index 3230c2431cfbf1b4cde667cc8909a545c48a8028..e2d28a00502d22ecc9d271392835118fea5462a3 100644 (file)
--- a/com.woltlab.wcf/templates/spoilerBBCodeTag.tpl
+++ b/com.woltlab.wcf/templates/spoilerBBCodeTag.tpl
@@ -1,10 +1,10 @@
 <!-- begin:parser_nonessential -->
 <div class="spoilerBox jsSpoilerBox">
-       <header class="jsOnly">
+       <div class="jsOnly spoilerBoxHeader">
                <a class="button small jsSpoilerToggle"{if $buttonTitle} data-has-custom-label="true"{/if}>{if $buttonTitle}{@$buttonTitle}{else}{lang}wcf.bbcode.spoiler.show{/lang}{/if}</a>
-       </header>
+       </div>
        
-       <div style="display: none">
+       <div class="spoilerBoxContent" style="display: none">
                {@$content}
        </div>
 </div>

diff --git a/com.woltlab.wcf/templates/spoilerMetaCode.tpl b/com.woltlab.wcf/templates/spoilerMetaCode.tpl
index cfe2a5e3499b4006d78c7153386ce09f73c63a05..5b1b26dd4054e8b78becf2a582d3f1431c1dc6e3 100644 (file)
--- a/com.woltlab.wcf/templates/spoilerMetaCode.tpl
+++ b/com.woltlab.wcf/templates/spoilerMetaCode.tpl
@@ -1,9 +1,9 @@
 <div class="spoilerBox jsSpoilerBox">
-       <header class="jsOnly">
+       <div class="jsOnly spoilerBoxHeader">
                <a class="button small jsSpoilerToggle"{if $buttonLabel} data-has-custom-label="true"{/if}>{if $buttonLabel}{$buttonLabel}{else}{lang}wcf.bbcode.spoiler.show{/lang}{/if}</a>
-       </header>
+       </div>
        
-       <div style="display: none">
+       <div class="spoilerBoxContent" style="display: none">
                <!-- META_CODE_INNER_CONTENT -->
        </div>
        

diff --git a/wcfsetup/install/files/style/bbcode/spoiler.scss b/wcfsetup/install/files/style/bbcode/spoiler.scss
index 3679ab230e8ce60a37683c4823e5a59e3c517b77..9792c1aaad3e21aba982d9f59f2f189dbca70c6b 100644 (file)
--- a/wcfsetup/install/files/style/bbcode/spoiler.scss
+++ b/wcfsetup/install/files/style/bbcode/spoiler.scss
@@ -20,7 +20,7 @@
 .spoilerBox {
        margin-top: 1em;
        
-       > div {
+       > .spoilerBoxContent {
                background-color: $wcfContentBackground;
                box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
                padding: 10px 20px;