[frontend] Fix up status 'show more' and z-index (#701)

* put spoiler items in a flexbox

* make the whole status top of z index
this allows text to be selected properly

* allow status spoiler text to break across lines
This commit is contained in:
tobi
2022-07-09 13:36:56 +02:00
committed by GitHub
parent c2039a7e5e
commit 8e68970258
2 changed files with 14 additions and 4 deletions

View File

@ -6,7 +6,8 @@
{{if .SpoilerText}}
<input class="spoiler" id="hideSpoiler-{{.ID}}" type="checkbox" style="display: none" aria-hidden="true" checked="true" />
<div class="spoiler">
<span>{{.SpoilerText}}</span><label class="button spoiler-label" for="hideSpoiler-{{.ID}}">Toggle visibility</label>
<span class="spoiler-text">{{.SpoilerText}}</span>
<label class="button spoiler-label" for="hideSpoiler-{{.ID}}">Toggle visibility</label>
</div>
{{end}}
<div class="content">