UI: hide chat scrollbar on desktop when not hovered

This commit is contained in:
oobabooga 2024-02-17 20:45:54 -08:00
parent 36c29084bb
commit d8064c00e8

View File

@ -341,6 +341,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
overflow-wrap: anywhere;
border-top: none;
border-radius: 0 0 0 8px;
visibility: visible;
}
.chat-parent {
@ -350,6 +351,18 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
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 {
height: calc(100dvh - 192px - var(--header-height) - var(--input-delta));
margin-bottom: var(--input-delta) !important;