morgan
/
chatgpt-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Keep message tool drawer open while editing

This commit is contained in:
Webifi 2023-06-01 15:29:21 -05:00
parent a8a1554a0f
commit aba16cdf4b
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app.scss
View File

@ -556,33 +556,33 @@ aside.menu.main-menu .menu-expanse {
right:100%; right:100%;
} }
.assistant-message:hover .tool-drawer, .assistant-message:hover .tool-drawer,
.assistant-message:focus .tool-drawer { .assistant-message.editing .tool-drawer {
width: var(--chatToolDrawerSize); width: var(--chatToolDrawerSize);
visibility: visible; visibility: visible;
max-height: 300%; max-height: 300%;
} }
.user-message:hover .tool-drawer, .user-message:hover .tool-drawer,
.user-message:focus .tool-drawer { .user-message.editing .tool-drawer {
width: var(--chatToolDrawerSize); width: var(--chatToolDrawerSize);
visibility: visible; visibility: visible;
max-height: 300%; max-height: 300%;
} }
.assistant-message:hover .tool-drawer-mask, .assistant-message:hover .tool-drawer-mask,
.assistant-message:focus .tool-drawer { .assistant-message.editing .tool-drawer {
width: var(--chatToolDrawerSize); width: var(--chatToolDrawerSize);
visibility: visible; visibility: visible;
} }
.user-message:hover .tool-drawer-mask, .user-message:hover .tool-drawer-mask,
.user-message:focus .tool-drawer { .user-message.editing .tool-drawer {
width: var(--chatToolDrawerSize); width: var(--chatToolDrawerSize);
visibility: visible; visibility: visible;
} }
.assistant-message:hover, .assistant-message:focus { .assistant-message:hover, .assistant-message.editing {
border-top-right-radius: 0px !important; border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important;
} }
.user-message:hover, .user-message:focus { .user-message:hover, .user-message.editing {
border-top-left-radius: 0px !important; border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important;
} }