opensource/kilocode
3
0
Fork 0
mirror of https://github.com/Kilo-Org/kilocode.git synced 2026-08-30 17:14:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(vscode): absolutely position notification bar to not push content down

Browse Source
This commit is contained in:
Igor Šćekić
2026-02-20 15:43:51 +01:00
parent 8401ff4b70
commit 00fa743efa
2 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/kilo-vscode/webview-ui/src/components/chat/ChatView.tsx
+7 -5
View File
@@ -55,11 +55,13 @@ export const ChatView: Component<ChatViewProps> = (props) => {
return (
<div class="chat-view">
<TaskHeader />
<Show when={!id()}>
<KiloNotifications />
</Show>
<div class="chat-messages">
<MessageList onSelectSession={props.onSelectSession} />
<div class="chat-messages-wrapper">
<Show when={!id()}>
<KiloNotifications />
</Show>
<div class="chat-messages">
<MessageList onSelectSession={props.onSelectSession} />
</div>
</div>
<Show when={!props.readonly}>
packages/kilo-vscode/webview-ui/src/styles/chat.css
+12 -2
View File
@@ -14,12 +14,19 @@
overflow: hidden;
}
.chat-messages {
.chat-messages-wrapper {
position: relative;
flex: 1;
overflow: hidden;
min-height: 0;
}
.chat-messages {
height: 100%;
overflow: hidden;
min-height: 0;
}
.chat-input {
flex-shrink: 0;
border-top: 1px solid var(--vscode-panel-border);
@@ -706,8 +713,11 @@
============================================ */
.kilo-notifications {
flex-shrink: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 10;
display: flex;
flex-direction: column;
border-bottom: 1px solid var(--vscode-panel-border);