42 lines
829 B
CSS
42 lines
829 B
CSS
.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;
|
|
|
|
/* Reduce render + paint work for offscreen (but mounted) blocks.
|
|
Keep a conservative intrinsic size to avoid scroll jumps. */
|
|
content-visibility: auto;
|
|
contain-intrinsic-size: 1px 400px;
|
|
contain: layout paint style;
|
|
}
|
|
|
|
.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;
|
|
}
|