diff --git a/static/src/components/chat/MinimalBlocks.vue b/static/src/components/chat/MinimalBlocks.vue index afb3a34..bf92236 100644 --- a/static/src/components/chat/MinimalBlocks.vue +++ b/static/src/components/chat/MinimalBlocks.vue @@ -1096,13 +1096,31 @@ onBeforeUnmount(() => { .summary-tool-reel-window { position: relative; display: inline-block; - width: auto; - max-width: 100%; + width: min(100%, 36em); height: 26px; - margin-right: 10px; overflow: hidden; vertical-align: top; - min-width: 0; +} + +.summary-tool-reel-window::before, +.summary-tool-reel-window::after { + content: ''; + position: absolute; + left: 0; + right: 0; + z-index: 1; + height: 6px; + pointer-events: none; +} + +.summary-tool-reel-window::before { + top: 0; + background: linear-gradient(180deg, var(--surface-base), transparent); +} + +.summary-tool-reel-window::after { + bottom: 0; + background: linear-gradient(0deg, var(--surface-base), transparent); } .summary-tool-reel-track {