AI/text-generation-webui
1
0
Fork 0
mirror of https://github.com/oobabooga/text-generation-webui.git synced 2024-10-01 01:26:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

UI: hide chat scrollbar on desktop when not hovered

Browse Source
This commit is contained in:
oobabooga 2024-02-17 20:45:54 -08:00
parent 36c29084bb
commit d8064c00e8
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/main.css
View File

@ -341,6 +341,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
overflow-wrap: anywhere; overflow-wrap: anywhere;
border-top: none; border-top: none;
border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;
visibility: visible;
} }
.chat-parent { .chat-parent {
@ -350,6 +351,18 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
margin-bottom: var(--input-delta) !important; margin-bottom: var(--input-delta) !important;
} }
/* On desktop, automatically hide the chat scroll bar
* when not hovered. */
@media (hover: hover) and (pointer: fine) {
.chat-parent {
visibility: hidden;
}
.chat-parent:focus, .chat-parent:hover {
visibility: visible;
}
}
.old-ui .chat-parent { .old-ui .chat-parent {
height: calc(100dvh - 192px - var(--header-height) - var(--input-delta)); height: calc(100dvh - 192px - var(--header-height) - var(--input-delta));
margin-bottom: var(--input-delta) !important; margin-bottom: var(--input-delta) !important;