rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2024-12-11 17:07:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

add style for horizontal scrollbars

Browse Source
This commit is contained in:
LenAnderson 2024-03-25 09:04:57 -04:00
parent 7c3ffcb3b1
commit f3f954f5da
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/style.css
View File

@ -139,6 +139,7 @@ body {
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width: 10px;
height: 10px;
scrollbar-gutter: stable; scrollbar-gutter: stable;
} }
@ -146,7 +147,7 @@ body {
overflow-y: auto !important; overflow-y: auto !important;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb:vertical {
background-color: var(--grey7070a); background-color: var(--grey7070a);
box-shadow: inset 0 0 0 1px var(--black50a); box-shadow: inset 0 0 0 1px var(--black50a);
border-radius: 10px; border-radius: 10px;
@ -155,6 +156,15 @@ body {
border-top: 20px solid transparent; border-top: 20px solid transparent;
min-height: 40px; min-height: 40px;
} }
::-webkit-scrollbar-thumb:horizontal {
background-color: var(--grey7070a);
box-shadow: inset 0 0 0 1px var(--black50a);
border-radius: 10px;
background-clip: content-box;
border: 2px solid transparent;
border-left: 20px solid transparent;
min-width: 40px;
}
table.responsiveTable { table.responsiveTable {
width: 100%; width: 100%;