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

CSS fix for movingUI handle + less round corners

Browse Source
This commit is contained in:
RossAscends
2023-05-17 03:36:50 +09:00
parent 072d8edf52
commit 2806d869ed
3 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.html
View File

@@ -1088,8 +1088,7 @@
<div class="flex1"> <div class="flex1">
<h4>Blocking API url</h4> <h4>Blocking API url</h4>
<h5>Example: http://127.0.0.1:5000/</h5> <h5>Example: http://127.0.0.1:5000/</h5>
<input id="textgenerationwebui_api_url_text" name="textgenerationwebui_api_url" class="text_pole wide100p" <input id="textgenerationwebui_api_url_text" name="textgenerationwebui_api_url" class="text_pole wide100p" maxlength="500" value="">
maxlength="500" value="">
</div> </div>
<div class="flex1"> <div class="flex1">
<h4>Streaming API url</h4> <h4>Streaming API url</h4>
@@ -2487,7 +2486,6 @@
<div id="movingDivs"></div> <div id="movingDivs"></div>
<div id="sheld"> <div id="sheld">
<div id="sheldheader" class="fa-solid fa-grip drag-grabber"></div> <div id="sheldheader" class="fa-solid fa-grip drag-grabber"></div>
<!-- <div class="pull-tab"></div> -->
<div id="chat"> <div id="chat">
</div> </div>
<div id="form_sheld"> <div id="form_sheld">

2
public/script.js
View File

@@ -948,7 +948,7 @@ function printMessages() {
function clearChat() { function clearChat() {
count_view_mes = 0; count_view_mes = 0;
extension_prompts = {}; extension_prompts = {};
$("#chat").html(""); $("#chat").children().remove();
} }
function deleteLastMessage() { function deleteLastMessage() {

28
public/style.css
View File

@@ -297,8 +297,8 @@ code {
text-align: center; text-align: center;
border-radius: 5px; border-radius: 5px;
vertical-align: middle; vertical-align: middle;
right: 5px; right: 0px;
top: 5px; top: 0px;
opacity: 0.5; opacity: 0.5;
cursor: grab; cursor: grab;
border: 1px solid var(--white30a); border: 1px solid var(--white30a);
@@ -1255,7 +1255,7 @@ input[type=search]:focus::-webkit-search-cancel-button {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
border-radius: 20px; border-radius: 10px;
border: 1px solid var(--black50a); border: 1px solid var(--black50a);
box-shadow: 0 0 7px var(--black50a); box-shadow: 0 0 7px var(--black50a);
margin: 5px; margin: 5px;
@@ -2431,7 +2431,7 @@ h5 {
box-shadow: 0px 0px 20px black; box-shadow: 0px 0px 20px black;
padding: 10px; padding: 10px;
background-color: var(--SmartThemeBlurTintColor); background-color: var(--SmartThemeBlurTintColor);
border-radius: 20px; border-radius: 10px;
overflow-y: auto; overflow-y: auto;
border: 1px solid var(--grey30); border: 1px solid var(--grey30);
} }
@@ -3510,13 +3510,13 @@ label[for="extensions_autoconnect"] {
.drawer-content { .drawer-content {
background-color: var(--SmartThemeBlurTintColor); background-color: var(--SmartThemeBlurTintColor);
color: var(--SmartThemeBodyColor); color: var(--SmartThemeBodyColor);
border-radius: 20px; border-radius: 10px;
padding: 10px; padding: 10px;
border: 1px solid var(--grey30a); border: 1px solid var(--grey30a);
box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
min-width: 450px; min-width: 450px;
width: var(--sheldWidth); width: var(--sheldWidth);
overflow-y: scroll; overflow-y: auto;
max-height: calc(100svh - 70px); max-height: calc(100svh - 70px);
display: none; display: none;
position: absolute; position: absolute;
@@ -3595,6 +3595,10 @@ toolcool-color-picker {
padding: 5px; padding: 5px;
} }
.padding10 {
padding: 10px;
}
.margin0 { .margin0 {
margin: 0; margin: 0;
} }
@@ -3805,7 +3809,7 @@ toolcool-color-picker {
body.bubblechat .mes { body.bubblechat .mes {
padding: 10px; padding: 10px;
border-radius: 20px; border-radius: 10px;
background-color: var(--SmartThemeBlurTintColor); background-color: var(--SmartThemeBlurTintColor);
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid var(--white30a); border: 1px solid var(--white30a);
@@ -3894,6 +3898,16 @@ body.movingUI #floatingPrompt {
resize: both; resize: both;
} }
body.movingUI #chat::-webkit-scrollbar-thumb {
background-color: var(--grey7070a);
border: 2px solid transparent;
border-top: 20px solid transparent;
box-shadow: inset 0 0 0 1px var(--black50a);
border-radius: 10px;
background-clip: content-box;
}
#expression-image.default, #expression-image.default,
#expression-holder:has(.default) { #expression-holder:has(.default) {
height: 120px; height: 120px;