fix: add min-height to #prompt-display and placeholder text in clearPromptDisplay()
The empty #prompt-display div collapsed to 0 height, making it appear 'gone'. Added min-height: 3rem and a 'No prompt selected.' placeholder that clearPromptDisplay() now sets via innerHTML.
This commit is contained in:
@@ -586,7 +586,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Prompt display subsections -->
|
<!-- Prompt display subsections -->
|
||||||
<div id="prompt-display" style="max-height: 60vh; overflow-y: auto;"></div>
|
<div id="prompt-display" style="max-height: 60vh; overflow-y: auto; min-height: 3rem;"></div>
|
||||||
<!-- Hidden buffer for copy-to-clipboard raw text -->
|
<!-- Hidden buffer for copy-to-clipboard raw text -->
|
||||||
<pre id="last-prompt" style="display: none;"></pre>
|
<pre id="last-prompt" style="display: none;"></pre>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -138,6 +138,7 @@ async function selectPromptEntry(promptId) {
|
|||||||
|
|
||||||
function clearPromptDisplay() {
|
function clearPromptDisplay() {
|
||||||
document.getElementById('prompt-metadata').innerHTML = '';
|
document.getElementById('prompt-metadata').innerHTML = '';
|
||||||
|
document.getElementById('prompt-display').innerHTML = '<pre style="white-space: pre-wrap; word-break: break-word; background: #1a1a1a; padding: 0.75rem; border-radius: 4px; font-size: 0.8rem; line-height: 1.4; margin: 0; color: #666;">No prompt selected.</pre>';
|
||||||
document.getElementById('last-prompt').textContent = '';
|
document.getElementById('last-prompt').textContent = '';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user