salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor message stream layout

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-02 19:23:05 +00:00
parent 6ba50cadd2
commit f9ec757c64
9 changed files with 635 additions and 681 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
packages/ui/src/styles/messaging/message-block-list.css Normal file
View File

@@ -0,0 +1,35 @@
.message-stream {
@apply flex-1 min-h-0 overflow-y-auto flex flex-col gap-0.5;
background-color: var(--surface-base);
color: inherit;
}
.message-stream-block {
display: flex;
flex-direction: column;
gap: 0.0625rem;
}
.virtual-item-wrapper {
width: 100%;
}
.virtual-item-placeholder,
.message-stream-placeholder {
display: block;
width: 100%;
position: relative;
background-color: transparent;
}
.virtual-item-content {
width: 100%;
position: relative;
}
.virtual-item-content-hidden {
position: absolute;
inset: 0;
visibility: hidden;
pointer-events: none;
}

37
packages/ui/src/styles/messaging/message-stream.css → packages/ui/src/styles/messaging/message-section.css
View File

@@ -1,4 +1,3 @@
/* Message stream container + status */
.message-stream-container {
@apply relative flex-1 min-h-0 flex flex-col overflow-hidden;
}
@@ -64,18 +63,6 @@
}
}
.message-stream {
@apply flex-1 min-h-0 overflow-y-auto flex flex-col gap-0.5;
background-color: var(--surface-base);
color: inherit;
}
.message-stream-block {
display: flex;
flex-direction: column;
gap: 0.0625rem;
}
.message-scroll-button-wrapper {
position: absolute;
right: 1rem;
@@ -112,27 +99,3 @@
font-size: var(--font-size-lg);
color: var(--accent-primary);
}
.virtual-item-wrapper {
width: 100%;
}
.virtual-item-placeholder,
.message-stream-placeholder {
display: block;
width: 100%;
position: relative;
background-color: transparent;
}
.virtual-item-content {
width: 100%;
position: relative;
}
.virtual-item-content-hidden {
position: absolute;
inset: 0;
visibility: hidden;
pointer-events: none;
}