Switched even more to "generating" CSS

48dfee39ae35f942e4036be0eead22b886086bb0

Wolfsblvt <wolfsblvt@gmail.com>

2 files changed, +16 -17Showing whitespace changes
public/script.js+10 -14
@@ -3161,15 +3161,11 @@ class StreamingProcessor {
31613161 }
31623162
31633163 markUIGenStarted() {
31643164 showStopButtondeactivateSendButtons();
3165- const chatElement = document.getElementById('chat');
3166- chatElement.dataset.generating = 'true';
31673165 }
31683166
31693167 markUIGenStopped() {
31703168 hideStopButtonactivateSendButtons();
3171- const chatElement = document.getElementById('chat');
3172- delete chatElement.dataset.generating;
31733169 }
31743170
31753171 async onStartStreaming(text) {
@@ -6133,20 +6129,21 @@ function extractImageFromMessage(getMessage) {
61336129 return { getMessage, image, title };
61346130}
61356131
6132+/**
6133+ * A function mainly used to switch 'generating' state - setting it to false and activating the buttons again
6134+ */
61366135export function activateSendButtons() {
61376136 is_send_press = false;
6138- $('#send_but').removeClass('displayNone');
6139- $('#mes_continue').removeClass('displayNone');
6140- $('#mes_impersonate').removeClass('displayNone');
6141- $('.mes_buttons:last').show();
61426137 hideStopButton();
6138+ delete document.body.dataset.generating;
61436139}
61446140
6141+/**
6142+ * A function mainly used to switch 'generating' state - setting it to true and deactivating the buttons
6143+ */
61456144export function deactivateSendButtons() {
6146- $('#send_but').addClass('displayNone');
6147- $('#mes_continue').addClass('displayNone');
6148- $('#mes_impersonate').addClass('displayNone');
61496145 showStopButton();
6146+ document.body.dataset.generating = 'true';
61506147}
61516148
61526149export function resetChatState() {
@@ -8786,7 +8783,6 @@ const swipe_right = () => {
87868783 if (run_generate && !is_send_press && parseInt(chat[chat.length - 1]['swipe_id']) === chat[chat.length - 1]['swipes'].length) {
87878784 console.debug('caught here 2');
87888785 is_send_press = true;
8789- $('.mes_buttons:last').hide();
87908786 await Generate('swipe');
87918787 } else {
87928788 if (parseInt(chat[chat.length - 1]['swipe_id']) !== chat[chat.length - 1]['swipes'].length) {
public/style.css+6 -3
@@ -434,7 +434,7 @@ input[type='checkbox']:focus-visible {
434434}
435435
436436/** Show "Thinking..." during generation, even if the reasoning is hidden by default */
437437#chatbody[data-generating="true"] .meslast_mes.reasoning[data-reasoning-state="hidden"] .mes_reasoning_details {
438438 display: block;
439439}
440440
@@ -4336,8 +4336,11 @@ input[type="range"]::-webkit-slider-thumb {
43364336 field-sizing: content;
43374337}
43384338
43394339#chatbody[data-generating="true"] .last_mes .mes_buttons#send_but,
43404340#chatbody[data-generating="true"] .last_mes .mes_reasoning_actions {#mes_continue,
4341+body[data-generating="true"] #mes_impersonate,
4342+body[data-generating="true"] #chat .last_mes .mes_buttons,
4343+body[data-generating="true"] #chat .last_mes .mes_reasoning_actions {
43414344 display: none;
43424345}
43434346