mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-02 14:37:49 +02:00
Code Issues Releases Wiki Activity

Tweak spoiler code

Browse Source 
Refs #13, #14, flarum/core#2053.
This commit is contained in:
Franz Liedke
2020-04-24 22:10:36 +02:00
parent ebd30401a8
commit be67f73760
2 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
extensions/markdown/extend.php
View File

@@ -18,6 +18,9 @@ return [
(new Extend\Formatter) (new Extend\Formatter)
->configure(function (Configurator $config) { ->configure(function (Configurator $config) {
$config->Litedown; $config->Litedown;
$config->tags['ispoiler']->template = '<span class="spoiler" data-s9e-livepreview-ignore-attrs="style" onclick="removeAttribute(\'style\'); removeAttribute(\'class\')" style="background:#444;color:transparent"><xsl:apply-templates/></span>';
// Overwrite the default inline spoiler so that it is compatible
// with more styling for children in an external stylesheet.
$config->tags['ispoiler']->template = '<span class="spoiler" data-s9e-livepreview-ignore-attrs="class" onclick="removeAttribute(\'class\')"><xsl:apply-templates/></span>';
}) })
]; ];

12
extensions/markdown/less/forum.less
View File

@@ -6,14 +6,22 @@
*/ */
span.spoiler { span.spoiler {
// Style the inline spoiler itself: a dark block, invisible font
background: #444; background: #444;
color: transparent; color: transparent;
cursor: default;
// Try to generically hide all possible children
* { * {
// Links and other interactive elements would give their presence
// away when hovering
pointer-events: none; pointer-events: none;
padding: 0;
// Children can have special text or background colors
background: transparent;
color: transparent; color: transparent;
} }
// Hide images visually
img { img {
visibility: hidden; visibility: hidden;
} }