Sticky tool-drawer fix #205
This commit is contained in:
parent
868035c3a0
commit
67e38b1e19
10
src/app.scss
10
src/app.scss
|
@ -537,6 +537,12 @@ aside.menu.main-menu .menu-expanse {
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
min-height: 1.3em;
|
min-height: 1.3em;
|
||||||
}
|
}
|
||||||
|
.button-pack {
|
||||||
|
display: block;
|
||||||
|
position: sticky;
|
||||||
|
top: calc(var(--sectionPaddingTop) + 10px);
|
||||||
|
padding-bottom: 0.1px;
|
||||||
|
}
|
||||||
.button-pack .button {
|
.button-pack .button {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
|
@ -597,23 +603,27 @@ aside.menu.main-menu .menu-expanse {
|
||||||
width: var(--chatToolDrawerSize);
|
width: var(--chatToolDrawerSize);
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
max-height: 300%;
|
max-height: 300%;
|
||||||
|
overflow: unset;
|
||||||
}
|
}
|
||||||
.user-message:hover .tool-drawer,
|
.user-message:hover .tool-drawer,
|
||||||
.user-message.editing .tool-drawer {
|
.user-message.editing .tool-drawer {
|
||||||
width: var(--chatToolDrawerSize);
|
width: var(--chatToolDrawerSize);
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
max-height: 300%;
|
max-height: 300%;
|
||||||
|
overflow: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.assistant-message:hover .tool-drawer-mask,
|
.assistant-message:hover .tool-drawer-mask,
|
||||||
.assistant-message.editing .tool-drawer {
|
.assistant-message.editing .tool-drawer {
|
||||||
width: var(--chatToolDrawerSize);
|
width: var(--chatToolDrawerSize);
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
|
overflow: unset;
|
||||||
}
|
}
|
||||||
.user-message:hover .tool-drawer-mask,
|
.user-message:hover .tool-drawer-mask,
|
||||||
.user-message.editing .tool-drawer {
|
.user-message.editing .tool-drawer {
|
||||||
width: var(--chatToolDrawerSize);
|
width: var(--chatToolDrawerSize);
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
|
overflow: unset;
|
||||||
}
|
}
|
||||||
.assistant-message:hover, .assistant-message.editing {
|
.assistant-message:hover, .assistant-message.editing {
|
||||||
border-top-right-radius: 0px !important;
|
border-top-right-radius: 0px !important;
|
||||||
|
|
Loading…
Reference in New Issue