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

collapsed mesButtons

Browse Source
This commit is contained in:
RossAscends
2023-06-03 00:43:16 +09:00
parent 6ac649a75f
commit 63be6e708e
3 changed files with 45 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/index.html
View File

@@ -2649,12 +2649,15 @@
<span class="name_text">${characterName}</span>
<div class="mes_buttons">
<div title="Translate message" class="mes_translate fa-solid fa-language"></div>
<div title="Open bookmark chat" class="mes_bookmark fa-solid fa-bookmark"></div>
<div title="Generate Image" class="sd_message_gen fa-solid fa-paintbrush"></div>
<div title="Narrate" class="mes_narrate fa-solid fa-bullhorn"></div>
<div title="Prompt" class="mes_prompt fa-solid fa-square-poll-horizontal "></div>
<div title="Copy" class="mes_copy fa-solid fa-copy "></div>
<div class="extraMesButtonsHint fa-solid fa-ellipsis"></div>
<div class="extraMesButtons">
<div title="Translate message" class="mes_translate fa-solid fa-language"></div>
<div title="Open bookmark chat" class="mes_bookmark fa-solid fa-bookmark"></div>
<div title="Generate Image" class="sd_message_gen fa-solid fa-paintbrush"></div>
<div title="Narrate" class="mes_narrate fa-solid fa-bullhorn"></div>
<div title="Prompt" class="mes_prompt fa-solid fa-square-poll-horizontal "></div>
<div title="Copy" class="mes_copy fa-solid fa-copy "></div>
</div>
<div title="Edit" class="mes_edit fa-solid fa-pencil "></div>
</div>
<div class="mes_edit_buttons">
@@ -2837,4 +2840,4 @@
</script>
</body>
</html>
</html>

19
public/script.js
View File

@@ -6360,6 +6360,25 @@ $(document).ready(function () {
}
})
$(document).on("click", ".extraMesButtonsHint", function (e) {
const elmnt = e.target;
$(elmnt).transition({
opacity: 0,
duration: 150,
easing: 'ease-in-out',
});
setTimeout(function () {
$(elmnt).hide();
$(elmnt).siblings(".extraMesButtons").css('opcacity', '0');
$(elmnt).siblings(".extraMesButtons").css('display', 'flex');
$(elmnt).siblings(".extraMesButtons").transition({
opacity: 1,
duration: 150,
easing: 'ease-in-out',
});
}, 150);
})
$(document).on("click", ".mes_edit_cancel", function () {
let text = chat[this_edit_mes_id]["mes"];

21
public/style.css
View File

@@ -2284,14 +2284,21 @@ input[type="range"]::-webkit-slider-thumb {
backdrop-filter: blur(var(--SmartThemeBlurStrength));
}
.mes_buttons {
height: 20px;
grid-row-start: 1;
.mes_buttons,
.extraMesButtons {
/* height: 20px; */
position: relative;
display: flex;
gap: 10px;
flex-wrap: nowrap;
justify-content: flex-end;
transition: all 200ms;
overflow-x: hidden;
}
.extraMesButtons {
display: none;
}
.last_mes .mes_buttons {
@@ -2302,14 +2309,18 @@ input[type="range"]::-webkit-slider-thumb {
margin-right: 30px;
}
.mes_buttons>div {
.mes_buttons .mes_edit,
.extraMesButtonsHint,
.extraMesButtons div {
cursor: pointer;
transition: 0.3s ease-in-out;
filter: drop-shadow(0px 0px 2px black);
opacity: 0.2;
}
.mes_buttons>div:hover {
.mes_buttons .mes_edit:hover,
.extraMesButtonsHint:hover,
.extraMesButtons div:hover {
opacity: 1;
}