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

Move stop button to a fixed position (temporary)

Browse Source
This commit is contained in:
SillyLossy
2023-05-23 19:56:00 +03:00
parent 4ca329249e
commit ae0f2ad084
3 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/index.html
View File

@@ -2492,12 +2492,11 @@
</div> </div>
<img class="mes_img" src="" /> <img class="mes_img" src="" />
</div> </div>
<div title="Stop Streaming" class="mes_stop">
<i class="fa-xl fa-solid fa-circle-stop"></i>
</div>
<div class="mes_bias"></div> <div class="mes_bias"></div>
</div> </div>
<div title="Stop Streaming" class="mes_stop">
<i class="fa-xl fa-solid fa-circle-stop"></i>
</div>
<div class="swipe_right fa-solid fa-chevron-right"> <div class="swipe_right fa-solid fa-chevron-right">
<div class="swipes-counter"></div> <div class="swipes-counter"></div>
</div> </div>

2
public/script.js
View File

@@ -1515,7 +1515,7 @@ class StreamingProcessor {
} }
$(`#chat .mes[mesid="${messageId}"] .mes_stop`).css({ 'display': 'none' }); $(`#chat .mes[mesid="${messageId}"] .mes_stop`).css({ 'display': 'none' });
$(`#chat .mes[mesid="${messageId}"] .mes_buttons`).css({ 'display': 'block' }); $(`#chat .mes[mesid="${messageId}"] .mes_buttons`).css({ 'display': 'flex' });
} }
onStartStreaming(text) { onStartStreaming(text) {

6
public/style.css
View File

@@ -2271,12 +2271,14 @@ input[type="range"]::-webkit-slider-thumb {
.mes_stop { .mes_stop {
display: none; display: none;
float: right;
cursor: pointer; cursor: pointer;
transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;
height: 20px; height: 20px;
width: 20px; width: 20px;
opacity: 0.5; opacity: 0.5;
position: absolute;
right: 15px;
bottom: 15px
} }
.mes_buttons { .mes_buttons {
@@ -4468,4 +4470,4 @@ body.waifuMode #avatar_zoom_popup {
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
} }
} }