Properly display not-connected color in fast UI mode

This commit is contained in:
SillyLossy
2023-04-09 19:29:35 +03:00
parent a305536ca9
commit 78e1c5b286
2 changed files with 11 additions and 2 deletions

View File

@@ -201,7 +201,7 @@ function RestoreNavTab() {
function RA_checkOnlineStatus() {
if (online_status == "no_connection") {
$("#send_textarea").attr("placeholder", "Not connected to API!"); //Input bar placeholder tells users they are not connected
$("#send_form").css("background-color", "rgba(100,0,0,0.5)"); //entire input form area is red when not connected
$("#send_form").addClass('no-connection'); //entire input form area is red when not connected
$("#send_but").css("display", "none"); //send button is hidden when not connected;
$("#API-status-top").addClass("redOverlayGlow");
connection_made = false;
@@ -210,6 +210,7 @@ function RA_checkOnlineStatus() {
$("#send_textarea").attr("placeholder", "Type a message..."); //on connect, placeholder tells user to type message
const formColor = power_user.fast_ui_mode ? "var(--black90a)" : "var(--black60a)";
/* console.log("RA-AC -- connected, coloring input as " + formColor); */
$('#send_form').removeClass("no-connection");
$("#send_form").css("background-color", formColor); //on connect, form BG changes to transprent black
$("#API-status-top").removeClass("redOverlayGlow");
connection_made = true;

View File

@@ -3399,7 +3399,15 @@ body.no-blur * {
}
#send_form.no-blur-sendtextarea {
background-color: var(--black90a) !important;
background-color: var(--black90a);
}
#send_form.no-connection {
background-color: rgba(100, 0, 0, 0.5);
}
#send_form.no-blur-sendtextarea.no-connection {
background-color: rgba(100, 0, 0, 0.9);
}
body.no-blur #bg1,