Revealing text content behind an image (Text wrapping issue)

It appears that there is no built-in way to reveal an image with paragraph content underneath, particularly because of this definition:

.ui.slide.reveal {
    /* ... */
    white-space: nowrap;
}

Which doesn’t allow text in the reveal container to wrap.

I am proposing something such as this:

<div class="ui slide reveal image">
    <img class="visible content" src="..." />
    <div class="hidden text content">
        This is a long paragraph of text that will wrap onto the next line, or maybe the line after it ...
    </div>
</div>

And the definition to complement it:

.ui.slide.reveal > .text.content {
    white-space: normal;
    word-wrap: break-word;
}

Thoughts?

[hammy2899]

@qJake Enhancement aren’t exempt from stale bot.

[qJake]

@hammy2899 Would you be able to label this so that the stale bot doesn’t remove it? I believe it’s an enhancement?

Thanks!