oobabooga/text-generation-webui
1
0
Fork 0
mirror of https://github.com/oobabooga/text-generation-webui.git synced 2025-12-06 07:12:10 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Revert "UI: improved scrollbar styles", add just a small change instead

Browse source
This commit is contained in:
oobabooga 2025-03-14 12:09:56 -07:00
parent 6ab04698f6
commit 677d74a6a0
1 changed files with 15 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
css/main.css
View file

@ -248,16 +248,6 @@ button {
font-size: 100% !important; font-size: 100% !important;
} }
.pretty_scrollbar {
scrollbar-width: thin !important;
scrollbar-color: rgb(140 140 140 / 35%) transparent;
}
.dark .pretty_scrollbar {
scrollbar-width: thin;
scrollbar-color: rgb(204 204 204 / 35%) transparent;
}
.pretty_scrollbar::-webkit-scrollbar { .pretty_scrollbar::-webkit-scrollbar {
width: 8px; width: 8px;
height: 8px; height: 8px;
@ -267,39 +257,31 @@ button {
background: transparent; background: transparent;
} }
.pretty_scrollbar::-webkit-scrollbar-thumb { .pretty_scrollbar::-webkit-scrollbar-thumb,
background: rgb(140 140 140 / 35%);
border-radius: 4px;
transition: background 0.2s ease;
}
.pretty_scrollbar::-webkit-scrollbar-thumb:hover { .pretty_scrollbar::-webkit-scrollbar-thumb:hover {
background: rgb(140 140 140 / 55%); background: var(--neutral-300);
} border-radius: 30px;
.dark .pretty_scrollbar::-webkit-scrollbar-thumb {
background: rgb(204 204 204 / 35%);
border-radius: 4px;
} }
.dark .pretty_scrollbar::-webkit-scrollbar-thumb,
.dark .pretty_scrollbar::-webkit-scrollbar-thumb:hover { .dark .pretty_scrollbar::-webkit-scrollbar-thumb:hover {
background: rgb(204 204 204 / 55%); background: #ccc;
border-radius: 10px;
}
.pretty_scrollbar::-webkit-resizer {
background: #c5c5d2;
}
.dark .pretty_scrollbar::-webkit-resizer {
background: #ccc;
border-radius: 10px;
} }
.pretty_scrollbar::-webkit-scrollbar-corner { .pretty_scrollbar::-webkit-scrollbar-corner {
background: transparent; background: transparent;
} }
.pretty_scrollbar::-webkit-resizer {
background: rgb(140 140 140 / 35%);
border-radius: 4px;
}
.dark .pretty_scrollbar::-webkit-resizer {
background: rgb(204 204 204 / 35%);
border-radius: 4px;
}
audio { audio {
max-width: 100%; max-width: 100%;
} }