rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

fixed send_form fastUI transitions

Browse Source
This commit is contained in:
RossAscends
2023-04-14 13:00:17 +09:00
parent f753bf810d
commit 75d41afd82
4 changed files with 12 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -1763,7 +1763,7 @@
<div id="dialogue_del_mes_ok" class="menu_button">Delete</div> <div id="dialogue_del_mes_ok" class="menu_button">Delete</div>
<div id="dialogue_del_mes_cancel" class="menu_button">Cancel</div> <div id="dialogue_del_mes_cancel" class="menu_button">Cancel</div>
</div> </div>
<form id="send_form"> <form id="send_form" class="no-connection">
<div id="options_button" class="fa-solid fa-bars"> <div id="options_button" class="fa-solid fa-bars">
<div id="options" class="font-family-reset"> <div id="options" class="font-family-reset">
<div class="options-content"> <div class="options-content">

3
public/scripts/RossAscends-mods.js
View File

@ -209,10 +209,7 @@ function RA_checkOnlineStatus() {
} else { } else {
if (online_status !== undefined && online_status !== "no_connection") { if (online_status !== undefined && online_status !== "no_connection") {
$("#send_textarea").attr("placeholder", "Type a message..."); //on connect, placeholder tells user to type message $("#send_textarea").attr("placeholder", "Type a message..."); //on connect, placeholder tells user to type message
const formColor = power_user.fast_ui_mode ? "var(--SmartThemeFastUIBGColor)" : "var(--SmartThemeBlurTintColor)";
/* console.log("RA-AC -- connected, coloring input as " + formColor); */
$('#send_form').removeClass("no-connection"); $('#send_form').removeClass("no-connection");
$("#send_form").css("background-color", formColor); //on connect, form BG changes to transprent black
$("#API-status-top").removeClass("fa-plug-circle-exclamation redOverlayGlow"); $("#API-status-top").removeClass("fa-plug-circle-exclamation redOverlayGlow");
$("#API-status-top").addClass("fa-plug"); $("#API-status-top").addClass("fa-plug");
connection_made = true; connection_made = true;

9
public/scripts/power-user.js
View File

@ -109,7 +109,6 @@ function switchUiMode() {
const fastUi = localStorage.getItem(storage_keys.fast_ui_mode); const fastUi = localStorage.getItem(storage_keys.fast_ui_mode);
power_user.fast_ui_mode = fastUi === null ? true : fastUi == "true"; power_user.fast_ui_mode = fastUi === null ? true : fastUi == "true";
$("body").toggleClass("no-blur", power_user.fast_ui_mode); $("body").toggleClass("no-blur", power_user.fast_ui_mode);
$("#send_form").toggleClass("no-blur-sendtextarea", power_user.fast_ui_mode);
} }
function switchWaifuMode() { function switchWaifuMode() {
@ -241,13 +240,13 @@ async function applyTheme(name) {
console.log('theme applied: ' + name); console.log('theme applied: ' + name);
} }
applyAvatarStyle();
switchUiMode(); switchUiMode();
applyChatDisplay();
applySheldWidth();
applyFontScale(); applyFontScale();
applyBlurStrength();
applyThemeColor(); applyThemeColor();
applySheldWidth();
applyAvatarStyle();
applyBlurStrength();
applyChatDisplay();
switchWaifuMode() switchWaifuMode()
function loadPowerUserSettings(settings, data) { function loadPowerUserSettings(settings, data) {

16
public/style.css
View File

@ -250,10 +250,14 @@ code {
border: 1px solid var(--grey30a); border: 1px solid var(--grey30a);
border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;
background-color: var(--crimson70a); background-color: var(--SmartThemeBlurTintColor);
backdrop-filter: blur(var(--SmartThemeBlurStrength)); backdrop-filter: blur(var(--SmartThemeBlurStrength));
} }
#send_form.no-connection {
background-color: rgba(100, 0, 0, 0.5) !important;
}
#send_but_sheld { #send_but_sheld {
padding: 0; padding: 0;
border: 0; border: 0;
@ -3303,16 +3307,10 @@ body.no-blur * {
backdrop-filter: unset !important; backdrop-filter: unset !important;
} }
#send_form.no-blur-sendtextarea {
background-color: var(--SmartThemeFastUIBGColor);
}
#send_form.no-connection {
background-color: rgba(100, 0, 0, 0.5);
}
#send_form.no-blur-sendtextarea.no-connection { body.no-blur #send_form.no-connection {
background-color: rgba(100, 0, 0, 0.9); background-color: rgba(100, 0, 0, 0.9) !important;
} }
body.no-blur #bg1, body.no-blur #bg1,