monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(app): user message fade

Browse Source
This commit is contained in:
adamelmore
2026-01-25 10:55:42 -06:00
parent e491f5cc16
commit 65ac318282
1 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/ui/src/components/session-turn.css
View File

@@ -113,6 +113,19 @@
padding-bottom: 28px; padding-bottom: 28px;
} }
[data-component="user-message"][data-can-expand="true"]:not([data-expanded="true"]) [data-slot="user-message-text"]::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 8px;
bottom: 0px;
background:
linear-gradient(to bottom, transparent, var(--surface-weak)),
linear-gradient(to bottom, transparent, var(--surface-weak));
pointer-events: none;
}
[data-component="user-message"] [data-slot="user-message-text"] [data-slot="user-message-expand"] { [data-component="user-message"] [data-slot="user-message-text"] [data-slot="user-message-expand"] {
display: none; display: none;
position: absolute; position: absolute;
@@ -121,12 +134,8 @@
padding: 0; padding: 0;
} }
[data-component="user-message"][data-can-expand="true"] [data-component="user-message"][data-can-expand="true"] [data-slot="user-message-text"] [data-slot="user-message-expand"],
[data-slot="user-message-text"] [data-component="user-message"][data-expanded="true"] [data-slot="user-message-text"] [data-slot="user-message-expand"] {
[data-slot="user-message-expand"],
[data-component="user-message"][data-expanded="true"]
[data-slot="user-message-text"]
[data-slot="user-message-expand"] {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -143,10 +152,7 @@
} }
} }
[data-component="user-message"][data-expanded="true"] [data-component="user-message"][data-expanded="true"] [data-slot="user-message-text"] [data-slot="user-message-expand"] [data-slot="icon-svg"] {
[data-slot="user-message-text"]
[data-slot="user-message-expand"]
[data-slot="icon-svg"] {
transform: rotate(180deg); transform: rotate(180deg);
} }