mirror of
https://github.com/oobabooga/text-generation-webui.git
synced 2024-11-22 08:07:56 +01:00
UI: hide chat scrollbar on desktop when not hovered
This commit is contained in:
parent
36c29084bb
commit
d8064c00e8
13
css/main.css
13
css/main.css
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user