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

changed #chat and .mes CSS

Browse Source 
chat now starts with the first message on the bottom of the scroll
just like CAI
this is more intuitive for the swipe buttons as they don't move much
This commit is contained in:
RossAsscends
2023-03-18 14:26:34 +09:00
parent 33659c4e7a
commit 0a7f06855b
1 changed files with 37 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
public/style.css
View File

@@ -176,7 +176,26 @@ code {
}
#chat {
overflow-x: hidden;
padding-bottom: 30px;
overflow-y: scroll;
display: flex;
flex-wrap: wrap;
margin-top: 40px;
bottom: 10px;
border-bottom: 1px solid var(--black30a);
border-left: 1px solid var(--black30a);
border-right: 1px solid var(--black30a);
backdrop-filter: blur(20px);
background-color: var(--black70a);
-webkit-backdrop-filter: blur(20px);
text-shadow: #000 0 0 3px;
scrollbar-width: thin;
transition: all 1s ease-in-out;
/*old style top to bottom flow*/
/* overflow-x: hidden;
overflow-y: scroll;
margin-top: 40px;
border-bottom: 1px solid var(--black30a);
@@ -187,7 +206,7 @@ code {
-webkit-backdrop-filter: blur(20px);
text-shadow: #000 0 0 3px;
scrollbar-width: thin;
transition: all 1s ease-in-out;
transition: all 1s ease-in-out; */
}
@@ -344,12 +363,21 @@ code {
.mes {
display: grid;
grid-template-columns: min-content min-content auto min-content min-content;
padding: 10px 10px 0 10px;
margin-top: 0;
width: 100%;
color: var(--ivory, white);
align-self: flex-end;
/* display: grid;
grid-template-columns: min-content min-content auto min-content min-content;
padding: 10px 10px 0 10px;
vertical-align: top;
width: 100%;
color: var(--ivory, white);
color: var(--ivory, white); */
}
.last_mes .mes_text {
@@ -2586,7 +2614,7 @@ a {
#sheld { /*margin around the sides, and a larger one on bottom to avoid iOS Home bar*/
height: calc(100svh - 15px);
width: 100vw; //calc(100vw - 15px);
width: 100vw /* calc(100svw - 15px); */
margin-left: 5px;
margin-right: 5px;
position: fixed;
@@ -2612,8 +2640,13 @@ a {
max-height: 300px;
}
#rm_api_block {
width:100vw;
}
#right-nav-panel, #character_popup { /* character_popup display needs work, "width:100%" items push outside the box */
width: 100%;
width: 100vw;
box-shadow: none;
}