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

- added warnings for Bubble Chat + blur

Browse Source 
- removed scrollbar track border on bubblechat
This commit is contained in:
RossAscends
2023-04-07 18:39:34 +09:00
parent 20fc880586
commit cf52cbcd33
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/index.html
View File

@@ -263,8 +263,11 @@
<input id="your_name_button" class="menu_button" type="submit" title="Click to set a new User Name (reloads page)" value="Change Name">
</form>
<div class="ui-settings">
<div class="range-block">
<div class="range-block-title">
<div class="range-block" title="Blur can cause browser lag, especially in Bubble Chat mode.
To fix: Turn on your browser's Hardware Acceleration, and restart your browser.
or simply disable the blur effect with this toggle.
">
<div class="range-block-title" >
<h4>No Blur Effect</h4>
</div>
<div class="range-block-range">
@@ -289,7 +292,7 @@
</label>
</div>
</div>
<div id="chat-display" class="range-block">
<div id="chat-display" class="range-block" title="NOTE: Using bubble chat with Blur Effect on can cause lag on browsers with no Hardware Acceleration.">
<div class="range-block-title">
<h4>Chat Style</h4>
</div>

13
public/style.css
View File

@@ -480,12 +480,12 @@ body.big-avatars .avatar img {
}
.mes_text {
font-weight: 400;
line-height: 1.25rem;
font-weight: 500;
line-height: 1.5rem;
padding-left: 0;
padding-top: 5px;
padding-bottom: 5px;
max-width: 720px;
/*max-width: 720px;*/
word-wrap: break-word;
animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
}
@@ -3142,10 +3142,8 @@ body.bubblechat #send_form {
body.bubblechat .mes {
display: grid;
grid-template-columns: min-content min-content auto min-content;
padding: 10px 10px 10px 10px;
margin-top: 0;
padding: 10px;
width: 100%;
color: rgb(181 181 181);
border-radius: 20px;
backdrop-filter: blur(10px);
background-color: var(--black60a);
@@ -3158,7 +3156,6 @@ but putting it here for now*/
body.bubblechat ::-webkit-scrollbar {
width: 5px;
border: 1px solid rgba(255,255,255,0.2);
border-radius: 5px;
}
@@ -3169,7 +3166,7 @@ body.bubblechat ::-webkit-scrollbar-thumb {
border-radius: 5px;
}
/*FastUI blue removal*/
/*FastUI blur removal*/
body.no-blur * {
backdrop-filter: unset !important;