Keep the space of the line-break note under the image box.

An invisible copy of the note sits under the image box, so the page
does not jump when the tabs change.
This commit is contained in:
tim
2026-09-26 15:27:51 +02:00
parent f5b41a09d6
commit 4657088d23
3 changed files with 30 additions and 7 deletions
+7 -2
View File
@@ -50,14 +50,16 @@ if (count($validate) !== 0) {
<span id="uploadtab" class="tab<?= isset($validate['upload']) ? ' red' : '' ?>" onclick="showHide('upload');">Image:</span>
<span id="wordcounter" class="counter" style="display: none;">0 words</span>
</div>
<?php $line_break_note = '(To get line-breaks&mdash;as in poetry&mdash;instead of paragraph breaks, hit shift-enter instead of enter.)'; ?>
<div class="textarea rightcolumn">
<div id="textparent">
<textarea name="story" id="story" rows="20" cols="50"><?php
echo (isset($story) ? form_value($story) : '')
?></textarea>
<div class="note">(To get line-breaks&mdash;as in poetry&mdash;instead of paragraph breaks, hit shift-enter instead of enter.)</div>
<div class="note"><?= $line_break_note ?></div>
</div>
<div class="upload" id="uploadparent" style="display: none;"><div>
<div id="uploadparent" style="display: none;">
<div class="upload"><div>
<?php
if (isset($file_src) || isset($img)) {
if (isset($file_src)) {
@@ -85,6 +87,9 @@ if (isset($file_src) || isset($img)) {
}
?>
</div></div>
<!-- An invisible copy of the note under the story keeps the page height -->
<div class="note spacer" aria-hidden="true"><?= $line_break_note ?></div>
</div>
</div>
<?php if ($is_admin) { ?>