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"> <input id="your_name_button" class="menu_button" type="submit" title="Click to set a new User Name (reloads page)" value="Change Name">
</form> </form>
<div class="ui-settings"> <div class="ui-settings">
<div class="range-block"> <div class="range-block" title="Blur can cause browser lag, especially in Bubble Chat mode.
<div class="range-block-title"> 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> <h4>No Blur Effect</h4>
</div> </div>
<div class="range-block-range"> <div class="range-block-range">
@@ -289,7 +292,7 @@
</label> </label>
</div> </div>
</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"> <div class="range-block-title">
<h4>Chat Style</h4> <h4>Chat Style</h4>
</div> </div>

13
public/style.css
View File

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