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

close button for AN

Browse Source
This commit is contained in:
RossAscends
2023-06-02 23:08:14 +09:00
parent 556bbfe865
commit 6ac649a75f
4 changed files with 43 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/script.js
View File

@ -5421,7 +5421,6 @@ $(document).ready(function () {
easing: animation_easing, easing: animation_easing,
}); });
setTimeout(function () { $("#character_popup").css("display", "none"); }, 200); setTimeout(function () { $("#character_popup").css("display", "none"); }, 200);
//$("#character_popup").css("display", "none");
}); });
$("#character_popup_ok").click(function () { $("#character_popup_ok").click(function () {
is_advanced_char_open = false; is_advanced_char_open = false;

14
public/scripts/extensions/floating-prompt/index.js
View File

@ -143,12 +143,16 @@ async function moduleWorker() {
function addExtensionsSettings() { function addExtensionsSettings() {
const settingsHtml = ` const settingsHtml = `
<div id="floatingPrompt" class="drawer-content flexGap5"> <div id="floatingPrompt" class="drawer-content flexGap5">
<div id="floatingPromptheader" class="fa-solid fa-grip drag-grabber"></div> <div class="panelControlBar flex-container">
<div id="floatingPromptheader" class="fa-solid fa-grip drag-grabber"></div>
<div id="ANClose" class="fa-solid fa-circle-xmark"></div>
</div>
<div name="floatingPromptHolder"> <div name="floatingPromptHolder">
<div class="inline-drawer"> <div class="inline-drawer">
<div id="ANBlockToggle" class="inline-drawer-toggle inline-drawer-header"> <div id="ANBlockToggle" class="inline-drawer-toggle inline-drawer-header">
<b>Author's Note</b> <b>Author's Note</b>
<div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div> <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
</div> </div>
<div class="inline-drawer-content"> <div class="inline-drawer-content">
<small> <small>
@ -202,6 +206,14 @@ async function moduleWorker() {
$('#extension_floating_depth').on('input', onExtensionFloatingDepthInput); $('#extension_floating_depth').on('input', onExtensionFloatingDepthInput);
$('#extension_floating_default').on('input', onExtensionFloatingDefaultInput); $('#extension_floating_default').on('input', onExtensionFloatingDefaultInput);
$('input[name="extension_floating_position"]').on('change', onExtensionFloatingPositionInput); $('input[name="extension_floating_position"]').on('change', onExtensionFloatingPositionInput);
$('#ANClose').on('click', function () {
$("#floatingPrompt").transition({
opacity: 0,
duration: 200,
easing: 'ease-in-out',
});
setTimeout(function () { $('#floatingPrompt').hide() }, 200);
})
} }
addExtensionsSettings(); addExtensionsSettings();

25
public/scripts/extensions/floating-prompt/style.css
View File

@ -8,6 +8,7 @@
border: 1px solid var(--white30a); border: 1px solid var(--white30a);
position: fixed; position: fixed;
padding: 10px; padding: 10px;
padding-top: 25px;
display: none; display: none;
flex-direction: column; flex-direction: column;
box-shadow: 0 0 10px var(--black70a); box-shadow: 0 0 10px var(--black70a);
@ -34,3 +35,27 @@
font-size: calc(var(--mainFontSize) * 0.9); font-size: calc(var(--mainFontSize) * 0.9);
line-height: 1.2; line-height: 1.2;
} }
#ANClose {
height: 15px;
aspect-ratio: 1 / 1;
font-size: 20px;
opacity: 0.5;
transition: all 250ms;
}
#ANClose:hover {
cursor: pointer;
opacity: 1;
}
.panelControlBar {
position: absolute;
right: 5px;
top: 5px;
margin-right: 5px;
}
#floatingPrompt .drag-grabber {
position: unset;
}

5
public/style.css
View File

@ -364,6 +364,11 @@ code {
cursor: -webkit-grab; cursor: -webkit-grab;
display: none; display: none;
filter: drop-shadow(0px 0px 0px black); filter: drop-shadow(0px 0px 0px black);
transition: all 250ms;
}
.drag-grabber:hover {
opacity: 1;
} }
#sheldheader:active { #sheldheader:active {