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:
@@ -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—as in poetry—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—as in poetry—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) { ?>
|
||||
|
||||
Reference in New Issue
Block a user