From 67e38b1e19bc864057cc852f0fc4b3ed1bb73cb8 Mon Sep 17 00:00:00 2001 From: Webifi Date: Thu, 29 Jun 2023 21:10:44 -0500 Subject: [PATCH] Sticky tool-drawer fix #205 --- src/app.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/app.scss b/src/app.scss index 0f3c564..75684b9 100644 --- a/src/app.scss +++ b/src/app.scss @@ -537,6 +537,12 @@ aside.menu.main-menu .menu-expanse { min-width: 60px; min-height: 1.3em; } +.button-pack { + display: block; + position: sticky; + top: calc(var(--sectionPaddingTop) + 10px); + padding-bottom: 0.1px; +} .button-pack .button { display: block; margin: 4px; @@ -597,23 +603,27 @@ aside.menu.main-menu .menu-expanse { width: var(--chatToolDrawerSize); visibility: visible; max-height: 300%; + overflow: unset; } .user-message:hover .tool-drawer, .user-message.editing .tool-drawer { width: var(--chatToolDrawerSize); visibility: visible; max-height: 300%; + overflow: unset; } .assistant-message:hover .tool-drawer-mask, .assistant-message.editing .tool-drawer { width: var(--chatToolDrawerSize); visibility: visible; + overflow: unset; } .user-message:hover .tool-drawer-mask, .user-message.editing .tool-drawer { width: var(--chatToolDrawerSize); visibility: visible; + overflow: unset; } .assistant-message:hover, .assistant-message.editing { border-top-right-radius: 0px !important;